每一條css樣式聲明(定義)由兩部分組成通贞,形式如下:
選擇器{
樣式;
}
body{ font-size:12px; color:red; }
在{}之前的部分就是“選擇器”,“選擇器”指明了{}中的“樣式”的作用對象仁连,也就是“樣式”作用于網(wǎng)頁中的哪些元素蓝角。
標簽選擇器其實就是html代碼中的標簽。如右側(cè)代碼編輯器中的<html>、<body>使鹅、<h1>揪阶、<p>、<img>患朱。例如下面代碼:
p{font-size:12px;line-height:1.6em;}
類選擇器:
注意:
1鲁僚、英文圓點開頭
2、其中類選器名稱可以任意起名(但不要起中文噢)
ID選擇器
在很多方面麦乞,ID選擇器都類似于類選擇符蕴茴,但也有一些重要的區(qū)別:
1劝评、為標簽設置id="ID名稱"姐直,而不是class="類名稱"。
2蒋畜、ID選擇符的前面是井號(#)號声畏,而不是英文圓點(.)。
類和ID選擇器的區(qū)別
相同點:可以應用于任何元素
不同點:
1姻成、ID選擇器只能在文檔中使用一次插龄。與類選擇器不同,在一個HTML文檔中科展,ID選擇器只能使用一次均牢,而且僅一次。而類選擇器可以使用多次才睹。
2徘跪、可以使用類選擇器詞列表方法為一個元素同時設置多個樣式。我們可以為一個元素同時設多個樣式琅攘,但只可以用類選擇器的方法實現(xiàn)垮庐,ID選擇器是不可以的(不能使用 ID 詞列表)。
子選擇器坞琴,即大于符號(>),用于選擇指定標簽元素的第一代子元素哨查。
.food>li{border:1px solid red;}
包含(后代)選擇器:作用于元素的第一代后代,空格作用于元素的所有后代剧辐。
*
通用選擇器寒亥,作用于html所有標簽元素。
偽類選擇符荧关,它允許給html不存在的標簽(標簽的某種狀態(tài))設置樣式溉奕。
當你想為html中多個標簽元素設置同一個樣式時,可以使用分組選擇符(羞酗,)
h1,span{color:red;}