继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

html标签选择器,这两大类不得不看

幕布斯7119047
关注TA
已关注
手记 432
粉丝 28
获赞 102

    关于html标签选择器分为基础选择器和复合选择器两大类。

  • 基础选择器是由单个选择器组成的

  • 基础选择器又包括:标签选择器,类选择器,id选择器和通配符选择器。

1. 标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的css样式。

语法:

标签名  {

          属性1: 属性值1;

          属性2: 属性值2;

          属性3: 属性值3;

........

}

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>基础选择器之标签选择器</title>

    <style>

    /* 标签选择器 : 写上标签名 */

    p {

        color: green;

    }

    div {

        color: pink;

    }

    </style>

</head>

<body>

    <p>男生</p>

    <p>男生</p>

    <p>男生</p>

    <div>女生</div>

    <div>女生</div>

    <div>女生</div>

</body>

</html>

    作用:标签选择器可以把某一类标签全部选择出来,比如所有的<div>标签和所有的<span>标签。

    优点: 能快速为页面中同类型的标签统一设置样式。

    缺点:不能设计差异化样式,只能选择全部的当前标签。

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP