美文网首页
初步认识选择器

初步认识选择器

作者: Amanda妍 | 来源:发表于2020-07-15 21:50 被阅读0次

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title>初步认识选择器</title>

    <style type="text/css">

    /*标签名选择器*/

    div{

    background-color: orange;

    }

    /*id id选择器*/

    #one{

    color:red;

    }

    /*class 类选择器 选择多个标签*/

    .c1{

    font-size:20px;

    font-family: "kaiTi";

    }

    </style>

    </head>

    <body>

    <h1 class="c1">我的标题</h1>

    <p class="c1">我的段落</p>

    <div id="one" class="c1">DIV1</div>

    <div>DIV2</div>

    <div class="c1">DIV3</div>

    </body>

    </html>

    相关文章

      网友评论

          本文标题:初步认识选择器

          本文链接:https://www.haomeiwen.com/subject/tnqshktx.html