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>

结果展示：

来源：https://www.cnblogs.com/lirongyang/p/11303203.html

标签

css

css选择器

cla

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!