html的css选择器

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>基本选择器</title>
        <style>
        /*
             注意选择器的区别 元素直接用,类是.然后id是#
         */
        div{
                font-size: 26px;
                color: pink;
            }
        .div2{
                font-size: 30px;
                color: gold;
            }
            #div5{
                font-size: 30px;
                color: blue;
            }
        </style>
    </head>
    <body>
        <div>css的基本选择器,元素选择器</div>
        <div class="div2">css的基本选择器,类选择器</div>
        <div id="div5">css的基本选择器,id选择器</div>
    </body>
</html>

这个是效果

 

posted @ 2017-05-11 16:10  劳猿外  阅读(157)  评论(0编辑  收藏  举报