<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            /* 1.类型选择器（标签选择器）  标签{属性：属性值；}*/
            div{width: 200px;}
            /* 2.class选择器（类选择器） .class名{属性:属性值；} */
            /* 命名注意:
            1.不能以纯数字开头
            2.不建议使用中文
            3.可以用-或_,其他符号不能用@#$
            4.建议使用语义化命名,形成规范 */
            .box{width: 100px;}
            /* 3.ID选择器 #id名{属性:属性值；}id名只能有一个!!! */
            #box1{width: 50px;}
            /* 4.通配符 *{属性:属性值；}改变所有标签样式 */
            *{width: 66px;}
            /* 5.群组选择器 选择器1,选择器2,选择器3{属性:属性值；} */
            .box,#box1{color: #000;}
        </style>
    </head>
    <body>
        <div class="box">
            666
        </div>
        <div class="box1">
            777
        </div>
        
    </body>
</html>

 补充：CSS权重