類選擇器
在css樣式編碼中是最常用到的,如右側(cè)代碼編輯器中的代碼:可以實現(xiàn)為“膽小如鼠”、“勇氣”字體設(shè)置為紅色。
語法:
.類選器名稱{css樣式代碼;}
注意:
1、英文圓點開頭
2、其中類選器名稱可以任意起名(但不要起中文噢)
使用方法:
第一步:使用合適的標(biāo)簽把要修飾的內(nèi)容標(biāo)記起來
第二步:使用class="類選擇器名稱"為標(biāo)簽設(shè)置一個類
第三步:設(shè)置類選器css樣式
id選擇器
1、為標(biāo)簽設(shè)置id="ID名稱",而不是class="類名稱"。
2、ID選擇符的前面是井號(#)號,而不是英文圓點(.)。
類和ID選擇器的區(qū)別
類選擇器和ID選擇器,他們之間有很多的相似處,先來總結(jié)一下他們的相同點和不同點:
相同點:可以應(yīng)用于任何元素
不同點:
1、ID選擇器只能在文檔中使用一次。與類選擇器不同,在一個HTML文檔中,ID選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。
2、可以使用類選擇器詞列表方法為一個元素同時設(shè)置多個樣式。我們可以為一個元素同時設(shè)多個樣式,但只可以用類選擇器的方法實現(xiàn),ID選擇器是不可以的(不能使用 ID 詞列表)。