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; }