213 CSS 基礎語法

2021-10-02 23:04:10 字數 841 閱讀 2917

css的基本語法

一、格式

選擇器說明:每一對屬性需要冒號隔開,最後一對可以不加冒號;

二、選擇器:篩選具有相同特徵的元素

* 分類

1.基礎選擇器

(1) id選擇器:選擇id屬性相同的元素,建議在乙個html中,有id屬性的標籤id值不要重複

* 語法:#id屬性值{}

(2) 元素(標籤)選擇器:選擇具有相同標籤名稱的元素

* 語法:標籤名稱{}

(3)類選擇器:選擇具有相同的class屬性值的元素

* 語法:.類名{}

* 注意:

1、優選級:id選擇器 > 類選擇器 > 元素選擇器

2、目前測試不能作為選擇器標籤有:lable

2.擴充套件選擇器

(1) 選擇所有元素:

* 語法: *{}

(2) 並集選擇器:

* 語法:選擇器1,選擇器2{}

(3) 子選擇器:篩序選擇器1元素下的選擇器2元素

* 語法:選擇器1 選擇器2{}

(4) 父選擇器:篩選選擇器2的父元素選擇器

* 語法:選擇器1 > 選擇器2

(5) 屬性選擇器:選擇某類元素的某個屬性為某個值的元素

* 語法:元素名稱[屬性名稱="屬性值"]{}

(6) 偽類選擇器:選擇一些元素具有的狀態

*語法:元素名稱:狀態{}

* 如超連結標籤,它有如下狀態:

* link:初始化狀態

* visited:被訪問狀態

* active:正在訪問狀態

* hover:滑鼠懸浮狀態

CSS語法基礎CSS語法基礎1 基本語法

css語法基礎css語法基礎1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式,一般是你要定義樣式的html標記,例如body p table 你可以通過此方法定義...

CSS基礎語法

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

CSS 基礎語法

css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。selector下面這行 ...