CSS基本选择器

选择器

          选择器{样式规则}

               先要学习语法里面的前半部分, 选择器,需要先把元素找到;然后在修饰

               先要学习选择器

               含义:查找元素的一种方式方法

1)标签选择器

                通过标签名字查找页面元素

                        基本语法:p{} div{} ul{} li{}

                        体现问题:标签选择器匹配范围比较广

       2)类型选择器

                class类选择器;通过给元素起class的类名,然后,根据这个类名查找页面的元素

                基本语法:

                         <div class="box"></div>

                         .box{样式规则}

                         注意:.是不能省略的

                   起名规则和规范:

                             规则必须遵守,规范可以遵守,可以不遵守

                        规则:

                            1)不能使用中文

                            2)不能使用特殊符号()!%^&@等等

                            3)可以使用,字母,数字,下划线,连接符配合拼接使用,不能以数字开头

                                box

                                BOX

                                box1

                                box_1

                                box-1

                         规范:

                            1)命名的时候做到见名知意

                                header(头部),section(主体),footer(尾部)

                            2)尽量的不要使用使用拼音

                                shouye == index

                                gouwuche == shopcar  shopping

                         3)可以使用,驼峰命名法:名字由多个单词组成,从第二个大词位置开始起,首字母大写

                                gouWuChe

                                loginIndex

                                  indexDetail

        3)子代选择器

                查找父元素里面符合条件的子元素

                基本语法: 选择器1>选择器2{} 

                            选择器1==父元素

                            选择器2==子元素

                 {} 找到符合条件的子元素之后进行修饰 

      4)通配符选择器

                用来匹配页面中所有的元素,或者是某一个区域中所有的元素(限定父元素了)

                基本语法:*{}   *用来匹配所有的元素

                作用:通常请款下:应用于取消元素元素自带的内边距和外边距

                        * {margin:0;padding:0}

                 div>*{      //修饰div里面所有的子元素

                           样式规则

                        }