阅读bootstrap2 中的bootstrap-responsive.css源文件总结的知识点

阅读bootstrap2 中的bootstrap-responsive.css源文件总结的知识点

1. width: auto\9;

这是专门针对ie的hack写法

“\9″    在IE6/IE7/IE8/IE9/IE10下生效

“\0”    在 IE8/IE9/IE10下生效

“\9\0” 在IE9/IE10下生效

2. vertical-align

 

3. 1em =16px

4. style="height:10px;*height:20px;"

这个样式调试的结果是：在火狐，IE6、IE8下显示为10个像素的高度，在IE7下显示为20个像素的高度，这种写法在调节多浏览器的兼容性上很有用，下面我给你一套我总结的很好用的模板：height:10px;height:20px\9;*height:30px;-height:40px;

用这个套组合调节火狐，IE8、IE7、IE6很有效果，前面10px在火狐下的高度，20px是在IE8下高度，30px是在IE7下的高度，40px是在IE6下的高度，你可以自己写一个div试试，祝你好运
5 cursor
属性规定要显示的光标的类型（形状）。

6 CSS3 appearance 属性
使 div 元素看上去像一个按钮

7 div + p

选择紧接在 <div> 元素之后的 <p> 元素。

8 div span 与div>span的区别
div span 所有子节点

div>span 到儿子辈，不到孙子辈