引入外部樣式表的方法lLink和 import

2022-07-22 18:48:11 字數 562 閱讀 4590

引入外部樣式表的方法link與@inport的 區別

@import

link

從屬關係區別

是css提供的語法規則,只有帶入樣式表的作用

link是html提供的標籤,不僅可以載入css檔案,還可以定義rss,rel鏈結屬性等

載入順序區別

載入頁面時,@import引入的樣式表在頁面載入完畢後被載入

同時載入

相容性區別

是css2.1才有的語法,因此只可以在ie5+才能識別

不存在相容性問題

dom可控性區別

由於dom是基於文件的,因此無法使用@import的方式插入樣式

可以通過js操作dom,插入link標籤來改變樣式

權重區別小大

文件物件模型(document object model,簡稱dom),是w3c

組織推薦的處理可擴充套件標誌語言的標準程式設計介面。在網頁上,組織頁面(或文件)的物件被組織在乙個樹形結構中,用來表示文件中物件的標準模型就稱為dom

權重是指選擇器的優先順序,但目前沒有充分的證據表明link與@import權重大小

CSS引入方式 內部樣式表 行內樣式表 外部樣式表

內部樣式表就是將css在寫html頁面內部。是將所有的css 抽取出來,單獨放到乙個標籤中。例如 divstyle 標籤理論上可以放在文件的任何地方,但是一般會放在文件的標籤中。通過此種方式,可以方便的控制整個頁面中的元素樣式設定,結構清晰,但是並沒有實現結構與樣式的完全分離。行內樣式表是在元素標籤...

CSS建立(樣式表引入)

一 如何插入樣式表 1.外部樣式表 2.內部樣式表 3.內聯樣式 二 外部樣式表詳解 每個頁面使用標籤鏈結到樣式表,標籤在 文件的 頭部。瀏覽器會從檔案mystyle.css中讀到樣式宣告,並格式化檔案。外部樣式表mystyle.css注意事項 1 檔案不能包含任何html標籤。2 樣式表應該以.c...

css樣式表的引入方式

一般來說,css 有兩種樣式表的引入方式,在這裡我記錄一下,比較這兩種引入方式的區別 link rel stylesheet type text css href css檔案 import css檔案 顯然第一種方式似乎是更常見的。事實上,使用這兩種方式引入css檔案的效果都是一致的,區別在於是ht...