ID:6176280
大小:67.00 KB
页数:4页
时间:2018-01-05
2、:200px;height:40px;">
3、面要说的是样式表内部的选择顺序;如果你坚持看到了这里,那么我相信你一定会有收获;现在我们要实现边框的下边框不显示;我们可以这样写样式表:.one{border-bottom:none;/*定义底边为NONE也就是没有底边*/width:100px;height:20px;border:1pxsolid#f00;}还是使用:
4、原因浏览器把代码转换成网页可视样式的时候,会把我们定义的东西绘制出来;比如说,我们定义一个DIV网页在加载后翻译到这一句的时候会在内存中绘制一个空的DIV对象就好像一个数据库。数据库里的字段就是样式定义,类似于下表Border-leftBorder-rightBorder-bottomBorder-rightBorder-style..................widthheightBackground-color然后开始读取CSS样式表填充到上面的内存中去;如果我们先定义BORDER-BOTTOM那么浏览器就会想内存里关于Border-bottom的字段写入none属性;
5、接着又读取到border:1pxsolid#f00的属性,这个属性表示Border-left,border-right,border-top,border-bottom的属性都是1像素,实边,红色;这个时候原内存里我们定义的BORDER-BOTTOM会被覆盖掉。所以我们看到的网页里DIV底边还在。如果反过来,就是先填入了全部BORDER的属性,然后读取到BORDER-BOTTOM的设置时覆盖原属性。结论:写CSS的时候要先写总再写细。虽然部分浏览器会有不同的解析内存,但是会拖慢速度,还是这样写比较好。好了。就说这么多,大家慢慢体会体会。有不懂或者有非议的地方可以联系我,我们大家一
6、起交流交流。
此文档下载收益归作者所有