CSS樣式的4種寫法 以及選擇器的幾種用法

2022-05-18 22:17:38 字數 1045 閱讀 3272

css樣式:

1.內部樣式表

2.使用link標籤,在文件中宣告使用外接資源,最常用的一種方式。(推薦)

3.@方式,引入css,注意這個是非同步載入的,在整個html載入之後才載入,會導致頁面閃爍。不推薦使用。

4.內聯樣式表(行內樣式表),優先順序最高最直白,但不能復用不容易維護。

style="color:0x550;font-size:30px;"/>

優先順序:  行內樣式  >  內部樣式  >   外部樣式

選擇器:

1、 標籤選擇器:       語法:標籤名

標籤名:選取相同的所有標籤

2、 類選擇器:          語法:.class的值

每乙個標籤新增class屬性, 類, 不同標籤擁有相同的class,  

注意:  標籤怎麼新增多個class, class屬性值  多個class值用空格分隔  

3、 id選擇器           語法:  #id的值  

每乙個標籤新增乙個id屬性,   要求id的值唯一,   

4、 組合選擇器:

a) 並集選擇器: (或者)   選擇器1,選擇器2,選擇器3,....

b) 交集選擇器:(並且)  選擇器1  選擇器2

注意:   選擇器1 只能是標籤選擇器

選擇器2: 只能是id選擇器或者類選擇器

(例如 p標籤.class的值#div的值  或者 p標籤#div的值.class的值 )

c) 後代選擇器: (兒子,孫子,.....)   選擇器1 選擇器2  ....... 

d) 全選擇器:*

優先順序: 標籤選擇  < 類選擇器 < id選擇器

CSS樣式選擇器

1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...

CSS樣式選擇器

樣式選擇器 每一條css樣式宣告 定義 由兩部分組成,形式如下 選擇器類選擇器 以英文圓點開頭,不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類,如下 膽小如鼠 2.設定類選擇器css樣式,如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...

CSS樣式 選擇器

css的選擇器 1 標籤選擇器 div p a input span h1 divp我是段落 2 類選擇器 class 類選擇器樣式 class stylediv我是div容器 我是div中的段落 3 id選擇器 id id選擇器樣式 id stylep我是div容器 4 並列選擇器 並列選擇器樣式...