引入樣式表 css 的四種方式

2021-06-23 04:08:19 字數 543 閱讀 6150

一、使用style屬性: 將style屬性直接加在個別的元件標籤裡。

《元件(標籤) style="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}

例如:這種用法的優點 是可靈巧應用樣式於各標籤中,但是缺點則是沒有整篇檔案的『統一性』。

二、使用style標籤: 將樣式規則寫在標籤之中。

例如:通常是將整個的結構寫在網頁的部份之中。這種用法的優點就是在於整篇檔案的統一性,只要是有宣告的的元件即會套用該樣式規則。缺點就是在個別元件的靈活度不足。

三、使用 link標籤: 將樣式規則寫在.css的樣式檔案中,再以標籤引入。

假設我們把樣式規則存成乙個example.css的檔案,我們只要在網頁中加入

即可套用該樣式檔案中所制定好的樣式了。 通常是將link標籤寫在網頁的部份之中。這種用法的優點就是在於可以把要套用相同樣式規則的數篇檔案都指定到同乙個樣式檔案即可。缺點也是在個別檔案或元件的靈活度不足。

四、使用@import引入: 跟link用法很像,但必 放在中。

例如:要注意的是,行末的分號是絕對不可少的!

CSS 四種引入樣式表優缺點分析

css 四種引入樣式表 css 有四種方式引入樣式表,如下 外部樣式表優缺點 優點缺點 如果樣式很多,css 檔案會變的很大查詢起來不方便。此外,多乙個 css 檔案就多一次 http 請求,在訪問量大的 中會加重伺服器壓力 內部樣式表優缺點 優點與外部樣式表相比,內部樣式表的主要優點是減少了乙個檔...

css樣式表的引入方式

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

html標籤引入css樣式的四種方式

href css 04test.css rel stylesheet type text css head type text css import url css 04test.css style 也可以在外部檔案中匯入css檔案。標籤屬於xhtml html的過渡版本,但被所有瀏覽器相容 imp...