《CSS那些事儿》之阅读笔记

1.IE6不支持子代（>）和相邻兄弟选择器(+)。

2.建议少有@import因为外部css，IE6下会出现闪屏现象。

3.大型复杂网站，定义通用样式，不要过分细分css，适当的注释可以提高修改和搜索的便利性。

4.单列自适应结构

.container:after{  //父元素

content:'';

display:block;

clear:both;

}

.left{ //左侧子元素

float:left;

width:400px;

border:2px solid#0000fe;

margin-right:-400px;

}

.right{  //右侧子元素

float:right;

width:auto;

margin-left:400px;

border:2px solid#0000fe;

}

5.background-image属性高于background-color，背景图会在背景颜色上面展示。

6.IE6中如何正常显示png-24格式的图片。

7.设置display:inline,解决IE6双倍间距(margin)的bug问题。

8.清除浮动的5种方法

① 在浮动的子元素最后加一个<br clear="all"/>，清除浮动(ie6的效果，需在父元素加上zoom:1修正)。

② 也可以在相邻的子元素设置清除浮动。

③ 设置父元素overflow:hidden，清除浮动，前提保证父元素内容不能超过其内容区域。

④ 利用设置父元素display:table，清除浮动（ie6及早期FF版本支持性不好）。

⑤ 利用父元素设置：after清除浮动

欢迎指正及补充！