CSS的種類 類 標籤樣式 ID選擇符 偽類

2021-05-11 18:24:09 字數 1110 閱讀 9747

css樣式的種類:

1 .html 標記符:用於定義html 的tags 樣式,例如 bodyp img 等。 例style.css中定義的body/h1/p/img 等 例style.css

2 .類選擇器:以 . 開頭,樣式一旦定義,可就用於任何html 元素 。 !doctype html public -//w3c//dtd xhtml 1.0 trans

css樣式的種類:

1.html標記符:用於定義html的tags樣式,例如 body p   img等。

例style.css中定義的body/h1/p/img 等

例style.css

2.類選擇器:以 .開頭,樣式一旦定義,可就用於任何html元素

3.id選擇器:以「#」開頭,樣式一旦定義,只對相同id的html元素有效,且在同乙個網頁中,只能用一次,在呼叫物件或使用指令碼語言時使用。

4.包含選擇符:也叫派生選擇器,可指定元素a中包含的元素b的樣式。

5.分組選擇器:可同時定義具有相同樣式的選擇器,選擇器間用逗號分割。

p,#wrap p

6.wei類:對選擇符處於某種狀態時的樣式設定。

主要有::link :hover :visited等

:hover:指當滑鼠移到鏈結元素上時元素的樣式。

這些樣式只對a 標記符有效。 例:

a:link

a:visited

a:hover

a:active

CSS樣式,id選擇器和class選擇器

class和id的用法 上面的例子應用class和id實現了3種不同的標題1。下面我們就來講講class和id的具體應用規則。指定標籤的class和id 首先我們要在部分定義class 類 或id。class的定義方法 指定標籤.類名 id的定義方法 指定標籤 id名 然後我們在想要應用類的標籤上加...

重寫css類選擇器的樣式

本篇以自己搭建註冊頁面遇到的問題作為展示,來解釋如何重寫css類選擇器的樣式 原有的css樣式 類選擇器 account 展示效果。此時的form表單邊框為黑色,寬度比較小,無背景色 在對應的web頁面head標籤中新增style標籤,在style標籤對樣式進行重寫。css樣式重寫時,已經定義過的屬...

css的類選擇器 和id選擇器

css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤,屬性 property 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告 declaration body上面...