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>

 

posted @ 2019-09-09 19:18  AxeBurner  阅读(1362)  评论(0)    收藏  举报