css层叠样式-选择器

1.内联:
        在标签中设置style属性
        <标签名 style=“样式1:样式值”></标签名>
2.内嵌:
        在head标签中加入style标签
        <style>
            选择器1{
                样式1:样式值1;
                样式2:样式值2;
            }
        </style>

 

3.外部引入
        新建。css文件,在css文件中写样式
            选择器1{
                样式1:样式值1;
                样式2:样式值2;
            }
            在html文件的head标签中用
            <link href=“xxx.css”>
        选择器:
            1.id选择器
                在标签中加入id属性<标签名 id="">
                    #id值{
                样式1:样式值1;
                样式2:样式值2;
            }
            2.class
                在标签中加入class属性<class="class值">
                .class值{
                样式1:样式值1;
                样式2:样式值2;
            }
            3.元素(标签)选择器
                在内嵌或者外部css文件中书协的格式
                    元素{
                样式1:样式值1;
                样式2:样式值2;
            }
            id选择器>class选择器>元素选择器
            内联>内嵌>外部引入
            选择器的关系:
            选择器1,选择2{
            }
            父子关系:
            选择器1 选择器2{
            }
            兄弟关系:{
              
            }
    内联一般不用,因为改起来太麻烦。一般都用外部引用

 关于选择器都可以,一般class用的多。 

posted @ 2019-06-19 16:46  吃星星的人  阅读(290)  评论(0编辑  收藏  举报