HTML css樣式引用方式

2022-09-01 06:51:12 字數 786 閱讀 8041

1、使用行內樣式表

語法:在標籤內部寫入乙個style屬性。

優點:沒有樣式表檔案,在某些時候可以提高效率;

優先順序高。

缺點:多個頁面難以共享樣式,不利於**復用;

html和css**混雜,不利於程式設計師和搜尋引擎閱讀。

2、使用內部樣式表

語法:在head標籤寫乙個style標籤,在style標籤裡面通過選擇器(元素選擇器、類選擇器、id選擇器)來選擇標籤,從而控制該標籤的樣式。

優點:沒有樣式表檔案,在某些時候可以提高效率;

缺點:多個頁面難以共享樣式,不利於**復用,只能單個頁面使用;

html和css**混雜,不利於程式設計師和搜尋引擎閱讀。

3、外部樣式表

語法:(1)需要新建乙個外部css檔案,在裡面書寫css樣式;

(2)在head標籤裡面通過link來關聯外部css檔案。

例如:,這樣就可以在html文件裡面直接書寫介面的內容,在css檔案裡面調整格式,設計樣式了。

優點:實現了內容結構和表現形式**分離,方便復用和維護;

使html**更加純淨,有利於程式設計師和搜尋引擎閱讀。

HTML CSS樣式總結

2.行內式 內聯式 3.id選擇器 4.類,偽類.屬性選擇器 5.標籤選擇器 css樣式新增選擇器 多 控制項 選擇器 提公升指定樣式規則的應用優先權,即 important為開發者提供了乙個增加樣式權重的方法,讓瀏覽器首選執行這個語句。color blue 這是一行文字 說明 寫在標籤內的樣式 b...

CSS樣式表引用方式

最近講課中,有些學員對呼叫樣式表老是有含糊不清?大體說來有四種方式 1 外部檔案引用方式 推薦使用 2 使用 import引用外部css檔案 3 內部文件頭方式也叫內嵌法呼叫 4 直接插入式也叫行內樣式。它們主要的差別在於它們規定的風格使用的範圍不同 一 外部檔案引用方式 外部檔案引用方式即將css...

CSS樣式表引用方式

大體說來有四種方式 1 外部檔案引用方式 推薦使用 2 使用 import引用外部css檔案 3 內部文件頭方式也叫內嵌法呼叫 4 直接插入式也叫行內樣式。它們主要的差別在於它們規定的風格使用的範圍不同 一 外部檔案引用方式 外部檔案引用方式即將css寫成乙個檔案,在html文件頭通過檔案引用來進行...