// 條件-CSS 語法實(shí)例
[if IE] - 如果瀏覽器是 IE
[if ! Opera] - 如果瀏覽器不是 Opera
[if IE 5] - 如果瀏覽器是 IE 5
[if lte IE 6] - 如果瀏覽器是 IE 6 或者更低版本 (IE 5, IE 4 等)
[if ! gt IE 6] - 和上面的聲明等效, 如果瀏覽器版本不高于 IE 6
因?yàn)樵S多實(shí)例認(rèn)為 div 是具有 width 和 padding 的盒類。因此它也應(yīng)該在 IE 5 中表現(xiàn)正常(我發(fā)現(xiàn)很多人已經(jīng)放棄支持 IE 5了,但這是一個(gè)經(jīng)典例子)。IE 5的盒模型不標(biāo)準(zhǔn),因此這就是使用條件 CSS 解決的方法:
// 條件 CSS 盒模型例子
div.box {
width: 400px;
[if IE 5] width: 600px;
padding: 0 100px;
}
像你所看到的,條件 CSS 使得你可以只維護(hù)一個(gè) CSS 文件,而不是好幾個(gè)需要用到 IE 的條件注釋的文件。這有助于流線型維護(hù),也使得代碼更加清晰。
再進(jìn)一步,條件 CSS 的一個(gè)重要特性是當(dāng)它發(fā)現(xiàn)一條 @import CSS 聲明時(shí),它會(huì)自動(dòng)打開并插入需要導(dǎo)入的文件。這樣就減少了頁面的加載時(shí)間,因?yàn)闉g覽器只需要對(duì) CSS 文件做出一條 HTTP 請求。
任何一個(gè)試圖使用 CSS 的網(wǎng)頁設(shè)計(jì)師和開發(fā)人員都會(huì)發(fā)現(xiàn)不同的瀏覽器要求不同的樣式聲明。這些煩惱歸咎于各瀏覽器及其各版本不同程度的 CSS 執(zhí)行的完整性。條件 CSS 是這個(gè)問題的一個(gè)解決方案,采用的是 Internet Explorer 的條件注釋語法的思想,并把它內(nèi)聯(lián)到 CSS 聲明之中。
樣式表知識(shí):cssifendif使用方法,希望對(duì)您有參考價(jià)值。
查看更多寧波網(wǎng)站制作公司使用方法樣式表知識(shí)