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

2022/6/15 4:20:10

本文主要是介绍html标签选择器,这两大类不得不看,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

    关于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>标签。

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

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



这篇关于html标签选择器,这两大类不得不看的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程