補充 CSS選擇器樣式的規範!

2022-08-10 04:15:13 字數 638 閱讀 8870

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樣式選擇器

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 並列選擇器 並列選擇器樣式...