2、标签选择器

2024-09-30 / 0 评论 / 5 阅读 / 正在检测是否收录...

09/30

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签选择器</title>

    <style>
        /*
            一、标签选择器（元素选择器）：
            根据标签名选中指定的元素，使用HTML标签名为选择器，为页面中的一类标签指定样式

            二、语法格式：
                标签名{
                    属性1：属性值1；
                    属性2：属性值2；
                }
        */
        div{
            color: red;
        }
        p{
            color: yellowgreen;
        }
    </style>

</head>
<body>
    <div>我是div</div>
    <p>我是1个p</p>
    <p>我是2个p</p>
    <p>我是3个p</p>
    <p>我是4个p</p>
    <p>我是5个p</p>
</body>
</html>

css