HTML+CSS 輕松入門之類選擇器
類選擇器在css樣式編碼中是最常用到的
語(yǔ)法:
.類選器名稱{
????css樣式代碼;
}
注意:
1、英文圓點(diǎn)開頭
2、其中類選器名稱可以任意起名(但不要起中文噢)
使用方法:
第一步:使用合適的標(biāo)簽把要修飾的內(nèi)容標(biāo)記起來(lái)
????????????????<div>中華民族偉大復(fù)興</div>
第二步:使用class="類選擇器名稱"為標(biāo)簽設(shè)置一個(gè)類
????????????????<div class="div">中華民族偉大復(fù)興</div>
第三步:設(shè)置類選器css樣式
????????????.div{
????????????????????樣式
????????????????}
實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>類選擇器</title> <style type="text/css"> .div{ color:red; font-family:隸書; font-size:18px; } </style> </head> <body> <div class="div">中華民族偉大復(fù)興</div> </body> </html>