CSS 标签选择器

CSS 标签选择器 | 小步教程

CSS 标签选择器

根据标签名设置样式。

即:1次选中当前页面的所有指定标签名的元素,然后设置样式。

语法

标签名{
  样式内容
}

标签名不能随意定义名称,必须是HTML规范存在的标签。

示例

统一为所有div标签设置字体大小与颜色。

img

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值