CSS樣式表的建立和優先順序

2021-10-09 23:26:34 字數 579 閱讀 5897

1、css樣式表的建立

方法一:內部樣式表(巢狀到頁面中)

語法:

說明:使用style標記建立樣式時,最好將該標記寫在之間

方法二:內聯樣式(行間樣式,行內樣式,嵌入式樣式)

語法:

/*css語句*/

方法三:引用外部樣式表檔案(用得最多)

步驟1:外部樣式表的建立(是個css檔案)

@charset "utf-8";

/*css document*/

div

步驟2:外部樣式表的匯入(在html中匯入css檔案)

語法:

說明:使用link元素匯入外部樣式表時,需將該元素寫在文件頭部,即之間

rel:用於定義文件關聯,表示關聯樣式表

type:定義文件型別

2、css樣式表的優先順序

內聯樣式表的優先順序最高

內部樣式表與外部樣式表的優先順序和書寫的順序有關,後書寫的優先順序更高

CSS樣式表優先順序

使用css樣式表一共有2種方式 內部和外部,其中內部分為行內樣式和嵌入式,外部分為匯入式和鏈結式。如果需要在不同的方式中設定同乙個屬性的時候,樣式的優先級別就出現了。測試 如下 red.css p test.html 文字顏色 此時,顯示文字顏色為灰色,說明行內樣式優先級別最高 去掉行內樣式之後,顯...

css選擇器優先順序 樣式表優先順序

css三大特性 繼承 優先順序層疊css選擇器優先順序 選擇器 權重 萬用字元 0 標籤名,偽元素 1 類 偽類 屬性 10 id 100 行內樣式 1000 important 1 0 無窮大 總結排序 important 行內樣式 id 類 偽類 屬性 標籤名,偽元素 萬用字元 繼承 瀏覽器預設...

樣式表優先順序順序

1 最高優先順序的位置是html文件頭部的元素。2第二優先順序的位置是元素中 import語句所匯入的樣式表。3第三優先順序的位置是元素附加的樣式表 4第四優先順序的位置是元素附加的樣式表中的 import語句所匯入的樣式表 5第5優先順序的位置是終端使用者附加的樣式表 有一種例外情況是終端使用者樣...