CSS的三个特性是指层叠性、继承性以及优先级。一、CSS层叠性说明层叠性是多种CSS样式的叠加,是浏览器处理样式冲突的方式。在HTML中对于同一个元素可以有多个CSS样式存在,当有相同权重的样式存在时,会根据这些样式出现的先后顺序来决定,处于最后面的CSS样式将会覆盖前面的CSS样式。举例下面代码,出现一个div标签指定了相同样式不同值的情况,这就是样式冲突。div{color:red;}div{
分类:
Web程序 时间:
2020-06-02 09:16:10
阅读次数:
122
一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小) 1.对于IE9+、chrome、firefox、Opera、Safari: window.innerHeight浏览器窗口的内部高度; window.innerWidth浏览器窗口的内部宽度; 2.对于IE8.7.6.5: doc ...
分类:
Web程序 时间:
2020-05-23 16:31:04
阅读次数:
56
一、解决浮动带来的影响 1.浮动带来的影响 浮动在方便了块的左右移动的同时也带来了它的副作用: 出现父标签塌陷的问题 2.几种解决方法 1.自己加一个div设置高度 在设置了浮动的div后再根据浮动的这些div标签自己在手动加一个高度和设置的浮动div一样的div来防止塌陷 ps:这个办法是最没有技 ...
分类:
Web程序 时间:
2020-05-14 19:21:28
阅读次数:
62
在css中,我们有时会用到浮动属性。 简单来说,标准流文档中,块元素会占据整行来显示,比如div,h标签等。后面的标签会依次往后。 但是用了浮动之后,就会脱离文档流,意味着后面的标签可能会被挡住,引起布局混乱。因为浮动元素无法撑起父元素的高度(高度塌陷)。 那么又想使用浮动属性,又想让后面元素按标准 ...
分类:
其他好文 时间:
2020-05-05 10:36:33
阅读次数:
49
HTML语义化 HTML 引入语义化标签的好处主要有下列三点: 比div标签有更加丰富的含义,方便开发与维护 搜索引擎能更方便的识别页面的每个部分 方便其他设备解析(如移动设备、盲人阅读器等) div元素被替换成新的元素:header 页眉, nav 导航, section 区块, article ...
分类:
Web程序 时间:
2020-05-03 18:53:37
阅读次数:
75
CSS元素的显示和隐藏 1.display display : none; //隐藏元素 ,隐藏元素后,不再占据原先的位置 display: block; //显示隐藏的元素 做一个简单的代码测试,有两个按钮,点击开的按钮,div标签的dispaly属性改为 block,显示出来,点击关的按钮,di ...
分类:
Web程序 时间:
2020-04-23 19:25:49
阅读次数:
103
(1)给父级元素单独定义高度(height) (2)在标签结尾处加空div标签 clear:both .clear{clear: both;} <div class="box"> <div class="red">1</div> <div class="sienna">2</div> <div cl ...
分类:
其他好文 时间:
2020-04-17 18:33:41
阅读次数:
66
区别: 注:行内元素会在一条直线上,是在同一行的。 //我是行内元素SPAN标签//我是行内元素strong标签// 注:块级元素各占一行。是垂直方向的! 我是块级元素div标签我是块级元素P标签 如果你要将行内元素变成块级元素,那么就只需要在该标签上加上样式 display:block 块级元素可 ...
分类:
其他好文 时间:
2020-04-09 19:07:33
阅读次数:
92
源代码:http://download.csdn.net/detail/liumingm... 游戏开发流程: 1、创建画布: 将画布放在div标签里面,这样可以控制画布居中的位置,再对div标签加上一些样式比如border和border-radius,这样一来使其看上去像手机,利于观看。 <div ...
分类:
Web程序 时间:
2020-04-06 15:32:59
阅读次数:
94
利用下面这个div标签来做鼠标事件的演示,当把鼠标在‘我是div’和’我是span‘两个位置及其之外的位置上操作时,不同事件操作结果不同 <div class="div1">我是div <br> <span>我是span</span> </div> 1、左键单击事件 click var oDiv = ...
分类:
编程语言 时间:
2020-04-01 00:36:35
阅读次数:
88