CSS之标签选择器

最新推荐文章于 2024-09-04 20:25:56 发布

原创最新推荐文章于 2024-09-04 20:25:56 发布 · 931 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#标签选择器 #css #心得 #前端

有关CSS 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了CSS中的标签选择器概念及其应用方式。通过一个简单的HTML示例，展示了如何使用h1和p标签选择器来设置样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是所谓的标签选择器呢？

标签选择器的作用：根据指定的标签名称，在当前界面找到所有该名称的标签，来设置属性。

格式：

标签名称{

属性：值;

}

注意点：

①标签选择器选中的所有的标签，而不能选中其中的某一个标签。

②只要是HTML中的标签，都可以作为标签选择器。

举一个栗子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS之初体验</title>
    <style type="text/css">
        h1{
            font-style: italic;
            color:blue;
        }
        p{
            color: rgb(255,0,90);
        }
    </style>
</head>
<body>
      <ul>
          <li>
              <h1>标签选择器</h1>
          </li>
      </ul>
        <p>我是文本</p>
</body>
</html>

在这style中，h1和p都是标签选择器。