CSS 標(biāo)簽選擇器
https://www.xiaobuteach.com/html/css-base/selector-tag.html?from=bili
CSS 標(biāo)簽選擇器
根據(jù)標(biāo)簽名設(shè)置樣式。
即:1次選中當(dāng)前頁(yè)面的所有指定標(biāo)簽名的元素,然后設(shè)置樣式。
語法
標(biāo)簽名{
?樣式內(nèi)容
}
標(biāo)簽名不能隨意定義名稱,必須是HTML規(guī)范存在的標(biāo)簽。
示例
統(tǒng)一為所有div標(biāo)簽設(shè)置字體大小與顏色。

<!DOCTYPE html>
<html>
<head>
? ?<meta charset="UTF-8" >
? ?<title>css 標(biāo)簽選擇器 ?例子 | 小步教程</title>
? ?<style>
? ? ? ?div{
? ? ? ? ? ?font-size:16px;
? ? ? ? ? ?color:#a5a0a0;
? ? ? ?}
? ?</style>
</head>
<body>
? ?<h1>羅剎海市 — 刀郎</h1>
? ?<div>未曾開言先轉(zhuǎn)腚</div>
? ?<div>每一日蹲窩里把蛋來臥</div>
? ?<div>老粉嘴多半輩兒以為自己是只雞</div>
? ?<div>那馬戶不知道他是一頭驢</div>
? ?<div>那又鳥不知道他是一只雞</div>
? ?<div>勾欄從來扮高雅</div>
? ?<div>自古公公好威名</div> ? ?
? ?
</body>
</html>
這里我們使用頁(yè)內(nèi)樣式,將樣式定義放在<head><style>…</style></head>里。
頁(yè)面內(nèi)所有div設(shè)置字體大小與顏色。
如果一個(gè)個(gè)div設(shè)置太麻煩了,統(tǒng)一設(shè)置節(jié)省很多代碼。
理解選擇器的優(yōu)點(diǎn)
把樣式代碼從html標(biāo)簽分離(解耦)出來,意義重大。
如果樣式全部設(shè)置在html標(biāo)簽,則:混亂、無法復(fù)用。
選擇器的優(yōu)點(diǎn):HTML簡(jiǎn)潔、CSS能夠復(fù)用。