引入外部樣式表的方法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...