<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 類選擇器 </title>
<style type="text/css">
/*基本語法
.類選擇器名稱{
css屬性:屬性值;
}
補(bǔ)充:選擇器名稱命名規(guī)范:小寫字母 .xxx-yyy{}
*/
.span-news{
font-weight:bold;/*粗體*/
background-color:pink;
color:black;
}
/*基本語法
#id選擇器名稱{
css屬性:屬性值;
}
*/
#span-news-tb{
font-weight:bold;
font-size:25px;/*字體大小*/
background-color:pink;
}
</style>
</head>
<body>
<span class="span-news">標(biāo)題一</span>
<span class="span-news">標(biāo)題一</span>
<span class="span-news">標(biāo)題一</span>
<span class="span-news">標(biāo)題一</span>
<span class="span-news">標(biāo)題一</span>
<hr>
<span id="span-news-tb">這是一個(gè)冬天</span>
</body>
</html>
細(xì)節(jié):1.一般來說id選擇器提供給某一個(gè)html元素來使用
2.當(dāng)我們不確定,有多個(gè)html元素來使用該樣式時(shí),使用類選擇器
