Css问题总结

1. 不在body下编写html, 而是用一个div去替代body. 可以搞定IE6 onresize重复调用问题.

2. css 选择器的优先度相同的情况下才会比较先后顺序. (选择器优先度相加, ID 1000, 类 100, 标签 10)

3. hack

IE property:value\9;

IE6 _property:value;

IE7 +property:value;

IE7- *property:value;

IE8+ property:value\0;

IE9 property:value\9\0;

FF property:value!important;

4. IE 容器高度不能小于字体高度

5. 空div的marin双倍时可以将文本设定成 

6. IE6-7 高度100%不好用的时候, html, body高度设定成100%;

7. 固定高度一般比百分比好用.

8. IE7下, 子元素relative时, 父元素必须relative滚动条才会出现.

9. 当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥也就是说，你的span是float:right，但是你的a还是float:none如果要让两者占据同一行，要么你把span先于a显示，要么把a也设成float（float:left）

10. <a>标签如果没有href属性，所有对它的css的伪类如:hover均失效。

11. @font-face {font-family:comic;src:url(http://valid_url/some_font_file.eot);}

　　定义一种在本地没有的字体名称，调用<span style="font-family:comic;font-size:18pt>aa</span>

 *?? 12..net控件里DropDownList在firefox下的宽度不着色，需要直接定义style=’width:10px;

 *?? 13.iframe里的滚动条需要在iframe标签里设置style=’overflow:hidden’,不能仅仅在body里设置，在firefox会有问题。 

14. IE6-8, 非标准模式下的子元素绝对(相对)定位的z-index不一定好用, 有时候得设定父元素的z-index

15.td 的white-space: nowrap;text-overflow: ellipsis;overflow: hidden;对于数字有效, 字体无效,

 * 在table上设置宽度且table-layout:fixed可以解决. (chrome, IE8,sougou, firefox)