CSS的三种选择器#ID,.Class,标签

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的三个选择器</title>



    <!--先声明-->
    <!--#ID  ID选择器-->
    <!--.class  类选择器-->
    <!--标签  标签选择器 -->
    <script type="text/css"></script>
    <style>

        #zhangfei{

            color: red;

            font-size: 2em;

            font-weight: bold;
        }

            .box{
            color: blue;

            font-size: 2em;
                font-weight: normal;
            }

        span p{

            color: yellow;
            font-size: 2em;
            font-weight: 900;
        }

        p#a{

            color: saddlebrown;
            font-size: 2em;
            font-weight: 900;
        }
        p#b{
            color: aquamarine;
            font-size: 2em;
            font-weight: 700;
        }
        /*p#b{*/
        /*    <!--字体-->*/
        /*    font-family: 標楷體;*/
        /*}*/
    </style>

</head>
<body>
<div class="box"></div>
<span id="zhangfei">张飞</span>

<span class="box">关羽</span>

<span><p>刘备</p></span>


<p id="a">刘备</p>

<p id="b">刘备</p>
</body>
</html>
复制代码

 

本文作者：AxeBurner

本文链接：https://www.cnblogs.com/bichen-01/p/11493665.html

版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   AxeBurner  阅读(1356)  评论(0)  编辑  收藏  举报
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
➖
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.