CSS 标签选择器
根据标签名设置样式。
即:1次选中当前页面的所有指定标签名的元素,然后设置样式。
语法
标签名{
样式内容
}
标签名不能随意定义名称,必须是HTML规范存在的标签。
示例
统一为所有div标签设置字体大小与颜色。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" >
<title>css 标签选择器 例子 | 小步教程</title>
<style>
div{
font-size:16px;
color:#a5a0a0;
}
</style>
</head>
<body>
<h1>罗刹海市 — 刀郎</h1>
<div>未曾开言先转腚</div>
<div>每一日蹲窝里把蛋来卧</div>
<div>老粉嘴多半辈儿以为自己是只鸡</div>
<div>那马户不知道他是一头驴</div>
<div>那又鸟不知道他是一只鸡</div>
<div>勾栏从来扮高雅</div>
<div>自古公公好威名</div>
</body>
</html>
这里我们使用页内样式,将样式定义放在<head><style>…</style></head>里。
页面内所有div设置字体大小与颜色。
如果一个个div设置太麻烦了,统一设置节省很多代码。
理解选择器的优点
把样式代码从html标签分离(解耦)出来,意义重大。
如果样式全部设置在html标签,则:混乱、无法复用。
选择器的优点:HTML简洁、CSS能够复用。