DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 導入css文件使用判斷條件實現
導入css文件使用判斷條件實現
編輯:前端技巧     

方案一: 在HTML文檔中使用條件導入,如在HEAD中插入如下代碼:

復制代碼代碼如下:
<!--[if IE 6]>
<link rel="stylesheet" href="ie.css" type="text/css" />
<![endif]-->
<!--[if IE]>
<link type="text/css" media="screen" rel="stylesheet" href="js/colorbox-custom-ie.css" title="Cleanity" />
<![endif]-->

方案二: 在CSS文檔的開頭使用條件導入,如下的代碼所示:

復制代碼代碼如下:
[if SafMob]
@import('iphone.css');
[if ! SafMob]
@import('non-iphone.css');

浏覽器加載css的順序:
1.加載url指定的html頁面
2.解析html
3.遠程獲取link標簽引用的css文件
4.加載執行獲取的css文件,遇到@import url("xx.css")這樣代碼,就會遠程獲取xx.css
5.加載執行xx.css
通過 @import 最多可以導入31個CSS文件,由於每一次遠程獲取css文件都會產生http鏈接,比較耗時間,所以,最好盡量少用@import。31個,估計沒有哪個項目會用這麼多。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved