css樣式 選擇器規則

2022-09-18 10:09:26 字數 638 閱讀 9216

css----頁面樣式,美化頁面

css樣式的三個規則

1內聯式:直接寫在html標籤中直接對html標籤使用 style屬性 語法:style=「樣式:值 樣式:值」

優點:操控精準 缺點:不靈活,**

2嵌入式:在標籤內給標籤css樣式 在head標籤內

優點:**精簡 缺點:控制不靈活

紅色是固定的寫法 link標籤不在標籤內

優點:**精簡 缺點:控制不靈活

優先級別:內聯》內嵌》@import匯入》引入 內聯》#>類,復合》匯入

1.  內聯樣式表的權值最高 1000;

2.  id 選擇器的權值為 100

3.  class 類選擇器的權值為 10

4.  html 標籤選擇器的權值為 1

常用選擇器

1普通選擇器:e

2類選擇器:.class名【e】表示有效的html標籤 用class引用類名

3id選擇器:#id名用id引用類名 

4復合選擇器:逗號(,)並列關係 空格( )表後代 篩選 :標籤名.class名或#id名(沒用弱雞)

相鄰(+)

CSS 樣式規則選擇器

主要有三種 html選擇器 class選擇器 id選擇器 1.html選擇器 1 2 3 type text css 4 p 8 style 9 head 10 11 12 p 這裡應用樣式表 p 13 body 14 html 也就是說選擇器是html標籤 2.class選擇器 1 2 head ...

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...