CSS 概述:
CSS 指層疊樣式表 (Cascading Style Sheets),樣式定義如何顯示 HTML 元素
外部樣式表通常存儲(chǔ)在 CSS 文件中,多個(gè)樣式定義可層疊為一
一.id 選擇器
id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。
id 選擇器以 "#" 來定義。
下面的兩個(gè) id 選擇器,第一個(gè)可以定義元素的顏色為紅色,第二個(gè)定義元素的顏色為綠色:

注意:id 屬性只能在每個(gè) HTML 文檔中出現(xiàn)一次。
id 選擇器查找下一級(jí)元素
#content p {
margin-top: 100px;
}
Html:
<div id=”content”>
<p>文本</p>
</div>
二. CSS 類選擇器
1. 在 CSS 中,類選擇器以一個(gè)點(diǎn)號(hào)顯示:
.content{text-align: center}
HTML:
<div class=”content”>文本居中</div>
注意:類名的第一個(gè)字符不能使用數(shù)字!它無法在 Mozilla 或 Firefox 中起作用。
2. 元素也可以基于它們的類而被選擇:
td.aa {
color: #ff6600;
background: #002255;
}
三. CSS 屬性選擇器
1. 屬性選擇器
設(shè)制帶有 title 屬性的所有元素設(shè)置樣式:
[title]
{
color:red;
}
2. 屬性和值選擇器
設(shè)制title="hi" 的所有元素設(shè)置樣式:
[title=hi]
{
border:5px solid blue;
}
總結(jié)
CSS中屬性選擇器可以根據(jù)元素的屬性及屬性值來選擇元素,常用選擇器有“ID,Class,屬性選擇器‘。