1. 程式人生 > >css各種選擇器,元素標籤選擇器,類選擇器,id選擇器,選擇器的組合

css各種選擇器,元素標籤選擇器,類選擇器,id選擇器,選擇器的組合

3 元素(標籤)選擇器:

格式

標籤名(html元素){

/*CSS樣式程式碼*/

}

使用範圍,是將同樣的樣式,作用在多個同名的標籤上。

4 類選擇器:

<span>我是紅色</span>

<div>我是紅的</div>

heml的標籤名不一樣,但是需求一樣時,就給有需求的標籤起個相同的類名就可以了

例如<span class=redF隨便起的名字”>我是紅色</span>

<div class=”redF隨便起的名字”>我是紅的</div>

只要將 元素選擇器的 標籤名,換成起的類名就可以了,注意類名前加點

.

<head>

<style>

.redF隨便起的名字{

Colorred

}

</style>

</head>

5 id選擇器:以htmlid值作為選擇器的名稱,注意需要在id值前加#

Id:每個html標籤都有一個id屬性,id的屬性值必須在本頁面是唯一的(必須手動的保證ID值在本頁面的唯一性,因為即使id不唯一,hbuider也不會報錯)

格式

#id{

/*CSS樣式程式碼*/

}

適用範圍:適用於將樣式,作用某個標籤上(更具有針對性)

6 基本選擇器的組合關係

格式:

選擇器1 選擇器2....{

/*CSS樣式程式碼*/

}  

就是隻將選擇器

1 下的 選擇器2 內的內容改變為css的樣式程式碼 格式