CSS檔案的條件匯入

2022-03-14 05:42:59 字數 543 閱讀 8039

方案一: 在html文件中使用條件匯入,如在head中插入如下**:

1:  

4:  

方案二: 在css文件的開頭使用條件匯入,如下的**所示:

1:  [if safmob] @import('iphone.css');
2:  [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個,估計沒有哪個專案會用這麼多。

匯入css檔案使用判斷條件實現

方案一 在html文件中使用條件匯入,如在head中插入如下 複製 如下 方案二 在css文件www.cppcns.com的開頭使用條件匯入,如下的 所示 複製 如下 if safmob import iphone.css if safmob import non iphone.css 瀏覽器載入c...

匯入css檔案問題

style.css rel stylesheet type text css import style.css style 1 兩者標籤所放位置都是標籤中.2 匯入式和鏈結式的目的都是將乙個獨立的css檔案引入乙個檔案中,二者的區別不大,事實上,二者最大的區別在於鏈結式使用html的標記引入外部cs...

匯入CSS檔案的方法總結

html主要負責網頁的內容展現,而css檔案負責網頁內容的樣式,在html中使用css的方法有三種,希望對大家有幫助。具體一點就是在html標籤中使用css,書寫規範如下 lang zh cn charset utf 8 內聯樣式title head style color red font siz...