<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 類選擇器 </title>
<style type="text/css">
/*基本語法
.類選擇器名稱{
css屬性:屬性值;
}
補充:選擇器名稱命名規范:小寫字母 .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">標題一</span>
<span class="span-news">標題一</span>
<span class="span-news">標題一</span>
<span class="span-news">標題一</span>
<span class="span-news">標題一</span>
<hr>
<span id="span-news-tb">這是一個冬天</span>
</body>
</html>
細節:1.一般來說id選擇器提供給某一個html元素來使用
2.當我們不確定,有多個html元素來使用該樣式時,使用類選擇器
