- css渲染：從右往左。
test div{}這種類型的寫法效率極低。
兩個內聯元素之間有空格
原理：inline-block元素把自己變成特殊的inline元素，對于相鄰的元素來說表現出inline的特點，允許空格。對于內部元素來說表現出block元素的特點，可以設置高度和寬度。
消除空格方法：
.dib-wrap {
font-size:0;/* 所有瀏覽器 /
word-spacing:-1px;/ IE6、7 /
}
.dib-wrap .dib{
font-size: 12px;
letter-spacing: normal;
word-spacing: normal;
vertical-align:top;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
/ firefox 中 letter-spacing 會導致脫離普通流的元素水平位移 /
.dib-wrap{
letter-spacing:-5px;/ Safari 等不支持字體大小為 0 的瀏覽器, N 根據父級字體調節/
}
}
.dib {
display: inline-block;
*display:inline;
*zoom:1;
}讓IE6/IE7/IE8瀏覽器支持CSS3屬性
使用behavior: url(ie-css3.htc);（支持部分）
限制：
1、當前元素一定要有定位屬性，像是position:relative或是position:absolute屬性。
2、z-index值一定要比周圍元素的要高低版本IE兼容HTML5
<head>
<!-[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]->
</head>IE注釋表達式
IE對注釋進行了一定擴展，如下示例：
<!-[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]->
寫法規則（gt代表大于，lt代表小于）：
[if IE] 判斷是否IE
[if IE 7] 判斷是否是IE7
[if !IE] 判斷是否不是IE
[if lt IE 5.5] 判斷是否是IE5.5 以下版本。 (<)
[if lte IE 6] 判斷是否等于IE6 版本或者以下 (<=)
[if gt IE 5] 判斷是否IE5以上版本 （> ）
[if gte IE 7] 判斷是否 IE7 版本或者以上
[if !(IE 7)] 判斷是否不是IE7
[if (gt IE 5)&(lt IE 7)] 判斷是否大于IE5， 小于IE7
[if (IE 6)|(IE 7)] 判斷是否IE6 或者 IE7
