HTML5教程

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

本文主要是介绍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标签选择器，这两大类不得不看的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航