CSS小记

1.Css样式加入背景图片background时；后面接图片规则如no-repeat时要与url间有个空格，要不然在IE浏览器不会显示图片。

2.迭代样式间也应有空格才会有效如 #header .member

3. letter-spacing:1px; 设置字体间距

    list-style:none;取消li前面的小圆点

    text-decoration:none;去掉a标签下的下划线

4. div嵌套时，外层div高度不随内层div高度增长问题的解决  

    父DIV设置  overflow:auto;

5. float元素设定margin-bottom时在IE6和IE7下会失效，只要在浮动的最后一个元素后面清除浮动即可解决

6.解决IE6双边距bug

   如果元素设置了浮动，同时又设置了margin-left或margin-right，在IE6下margin加倍，解决方法只需加上display：inline;

7.一个网页至少要有一个用h1标记的大标题，搜索引擎会根据这些标题来确定页面在搜索结果中的权重。

8.img下5像素空白问题

        1、将图片转换为块级对像 即设置img为：display:block;

        2、设置图片的垂直对齐方式

即设置图片的vertical-align属性为「top，text-top，bottom，text-bottom」也可以解决。

9.IE6 7 中 <li>标签中含有浮动的<span>标签后不在一行的BUG

 <ul>
<li><a href=“#”>新闻1</a> <span>2013-12-03</span></li>
<li><a href=“#”>新闻1</a> <span>2013-12-03</span></li>
<li><a href=“#”>新闻1</a> <span>2013-12-03</span></li>
<li><a href=“#”>新闻1</a> <span>2013-12-03</span></li>

</ul>

解决方案:

1.
span和a标签交换位置.
<li><span>2013-12-03</span><a>新闻</a></li>
缺点:语义结构发生改变,不合逻辑.
2.
a加左浮动,span加右浮动