欢迎光临散文网 会员登陆 & 注册

CSS 标签选择器

2023-09-02 16:05 作者:小步2023  | 我要投稿

https://www.xiaobuteach.com/html/css-base/selector-tag.html?from=bili

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能够复用。


CSS 标签选择器的评论 (共 条)

分享到微博请遵守国家法律