CSS基础（三）-- CSS选择器之Class选择器


随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。

#------------------------------------------------我是可耻的分割线-------------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .c1{
            background-color:#2459a2;
            height:48px;
        }
    </style>

</head>
<body>
    <div class="c1">.c1</div>
<div class="c1">.c1重用</div>
</body>
</html>

.c1使用的是class，class是可以重复的，此时此种颜色设置就可以重复使用了，效果如下。

小知识：注释/* */

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*
        .c1{
            background-color:#2459a2;
            height:48px;
        }
        */
    </style>

</head>
<body>
    <div class="c1">.c1</div>
    <div class="c1">.c1重用</div>
</body>
</html>

结果展示：

 

posted @ 2019-08-21 09:07  李荣洋  阅读(614)  评论(0)  编辑  收藏  举报