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

最新推荐文章于 2024-02-02 09:19:55 发布

ancan9144

最新推荐文章于 2024-02-02 09:19:55 发布

阅读量215

点赞数

原文链接：http://www.cnblogs.com/lirongyang/p/11303203.html

版权

随笔记录方便自己和同路人查阅，学习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>

结果展示：