CSS层叠样式表的解释

css：
    在标签上设置style属性
css注释:
    /*z注释内容*/
css样式的编写位置：
    1、在标签的的style属性里
    2、在head里面，style标签中写样式
    css样式选择器：
        1、id选择器
            #i1{
            background-color: #red;
            height: 48px;
        }
        2、class选择器
            .classname{
            background-color： red;
            height: 48px;
        }
        <标签 class = "classname"> </标签>
        3、标签选择器
            div{
            background-color： red;
            color: white;
        }
        <!--所有的div样式设置成此样式-->
        4、层级选择器
            span div{
            background-color： red;
            height: 48px;    
        }
        <!--只有在span标签下的div标签才生效-->
        5、组合选择器（逗号）
            #i1，#i2，#i3{
            background-color： red;
            height: 48px;
        }
        6、属性选择器
            input[type = "text"]{
             100px;
            height: 200px;
        }
PS：
    优先级问题：标签上style优先级，越往下优先级越高
    css样式可以单独写到文件中，使用特殊标签调用：
        <link rel="stylesheet" type="text/css" href="commons.css">
        
        commons.css: css文件名。可以新建包。