css摘记！！！

1、white-space:nowrap;  词句确保在单词之间的空白处不换行。

2、height:1em; 在ie6中，虽然把链接设置能块级元素，但是仍然只有在鼠标指针经过文字时，才能触发鼠标经过效果，通过此设置可解决这个问题。

3、firefox不支持设置<a>标记的高度和宽度。

4、ie6中必须使用32位的png图像，才能实现透明的效果。

5、在给元素设置background-color 背景色时，ie作用的区域为content+padding; 而ff 则是content + padding + border。

  （在边框设置为虚线时，在ie中，虚线空白的地方露出来的事padding部分的背景，而在ff中，虚线空白的地方露出来的事margin部分的背景。）

6、ie和ff在margin的细节处理上有所区别， 倘若设定了父元素的高度height值，如果此时子元素超过了该height，ie会自动扩大，保持了子元素的margin-buttom的空间以及父元素自身的padding-buttom， 而ff就不会，它保证父元素的height完全吻合，而这时子元素讲超过父元素的范围。 

（从css标准规范来收，Ie这种处理方法是不合规范的。 css规范中四个相关属性：min-height,max-height,min-width,max-width。。ie没有实现对这       4个属性的支持，而ff做了很好支持。）

7、绝对定位中，使用绝对定位的盒子以它的“最近”的一个“已经定位”的“祖先元素”为基准进行偏移。如果没有已经定位的祖先元素，那么会以浏览器窗口为基准           进行定位。在ie7++和ff中，偏移量是该元素css中设置的top,right,bottom,left设置的值。 但在ie6中，偏移量是父元素中的padding值加该元素本身的偏移值。      （解决办法：是在其父元素的css加属性：height:1%）。

8、fixed(固定定位) 没有被ie6支持。 不建议用。

9、设置ul的list-style-image的属性时，在ie7中显示image是紧贴文字的，而在ff中image与文字之间有一定间隔。所以建议设置list-style-image属性为none，然后修改li的背景属性background来实现。

10、border-collapse:collapse; 设置表格线单线条。

11、关于table：css实现cellspacing作用时，是用border-spacing； 但是ie6和ie7都不支持这个属性，所以要兼容浏览器，目前还必须在html中使用cellspacing属性来实现。

12、表格宽度： 1）自动方式   2）固定方式

默认方式是自动方式，table-layout：fixed设置表格宽度为固定。

13、firefox没有实现对<col>列的支持。

14、用加号链接的选择器叫邻接选择器，eg：td+td+td ,col.price{ text-align:right; } 其链接3个td，表示第3个td选中的元素。

 ie6不支持邻接选择器，ie7已经支持了。

15、ie6不支持伪类别： 例如给tr设置hover时的样式 tr:hover{ background-color:#595;  }