css樣式表的引入方式

2022-09-11 04:00:10 字數 467 閱讀 5266

一般來說,css 有兩種樣式表的引入方式,在這裡我記錄一下,比較這兩種引入方式的區別:

<

link rel=

"stylesheet"

type

="text/css" href=

"css檔案"

>

@import

"css檔案"

顯然第一種方式似乎是更常見的。事實上,使用這兩種方式引入css檔案的效果都是一致的,區別在於是html標記,而@import是css語法。標記有rel,type和href屬性,可以制定css樣式表的名稱,這樣可以利用j**ascript的語法來控制。舉例來說,我們可以在乙個網頁中鏈結多個css樣式檔案,在利用j**ascript語法控制不同情況下顯示的樣式檔案,例如讓使用者在點選某個按鈕之後更換網頁的背景顏色,或者隨著時間來更換網頁的背景顏色,正因為link方式的彈性更大,這也是為什麼這種方式更為常見的原因。

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

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

CSS建立(樣式表引入)

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

引入樣式表 css 的四種方式

一 使用style屬性 將style屬性直接加在個別的元件標籤裡。元件 標籤 style 性質 屬性 1 設定值1 性質 屬性 2 設定值2 例如 這種用法的優點 是可靈巧應用樣式於各標籤中,但是缺點則是沒有整篇檔案的 統一性 二 使用style標籤 將樣式規則寫在標籤之中。例如 通常是將整個的結構...