css的幾種引入方式!

2021-08-13 23:45:17 字數 576 閱讀 4491

1、inline(即行內樣式)

this is inline style sheets

2、embedded||internal(即內嵌式)

內嵌式就是將css樣式寫在head tag中的style tag中。

3、external(即鏈結式)

將.css檔案引入到html檔案中,在head tag 中插入link tag,eg:

4、@import(即匯入式)

將.css檔案引入到html檔案中。

eg:也可以在css中 引入

延展:匯入式和鏈結式區別:

是html tag,只能放入html**中使用,後者可看作為css樣式,作用是引入css樣式功能。

匯入式會在整個網頁裝載完後再裝載css檔案,因此這就導致了乙個問題,如果網頁比較大則會兒出現先顯示無樣式的頁面,閃爍一下之後,再出現網頁的樣式。

使用鏈結式時與匯入式不同的是它會以網頁檔案主體裝載前裝載css檔案,因此顯示出來的網頁從一開始就是帶樣式的效果的,它不會象匯入式那樣先顯示無樣式的網頁,然後再顯示有樣式的網頁,這是鏈結式的優點。

(note:以上內容來自度娘,僅用於學習交流所用!)

引入css的幾種方式

a.外部樣式 說明 link標籤的rel屬性用於規定當前文件與被鏈結文件之間的關係 只有rel屬性的 stylesheet 值得到了所有瀏覽器的支援,指示被鏈結的文件是乙個樣式表。a2.匯入式 style type text css import url path css style 區別 鏈結式 ...

引入css的幾種方式

a.外部樣式 說明 link標籤的rel屬性用於規定當前文件與被鏈結文件之間的關係 只有rel屬性的 stylesheet 值得到了所有瀏覽器的支援,指示被鏈結的文件是乙個樣式表。a2.匯入式 style type text css import url path css style 區別 鏈結式 ...

引入css的幾種方式

a.外部樣式 說明 link標籤的rel屬性用於規定當前文件與被鏈結文件之間的關係 只有rel屬性的 stylesheet 值得到了所有瀏覽器的支援,指示被鏈結的文件是乙個樣式表。a2.匯入式 style type text css import url path css style 區別 鏈結式 ...