css选择符归纳

css选择符：给标签起名字

1.类型选择符（标签选择符）：所有的html标签可以直接当做选择符进行应用

特点：能选中当前结构里边全部同名标签

应用：想统一某一个标签样式的时候或清除某个标签默认样式

2.id选择符：语法：起名字<标签 id-‘名称’></标签>

                  用名字写样式 #名称{属性：属性值}

  特点：唯一性，在同一个页面，一个ID名只能用一次

  应用：来划分网页外围结构

  规范：尽量小写字母开头，数组、字母、下划线、连字符的组合，不能够使用关键字命名

       命名尽量反映版块内容、或者反映结构（语义化），可以是拼音

起名方法：1.驼峰式命名法：newsLeft

          2.连字符命名：news-left

          3.下划线命名：news_left

3.类选择符（class选择符）

  语法：

      起名称 ：   <标签 class=‘名称1 名称2…’></标签>

      用类名写样式：   .名称{属性：属性值}

特点：一个元素可以有多个类名，类名可以重复出现，可以指定一类样式

4. 群组选择符

     语法：以逗号分隔的方式，把多个选择符组成一组，

5.包含选择符：（子代选择器/后代选择器）（通过父元素找子元素）

   语法：父元素空格子元素{属性：属性值}

6.伪类选择器：a:link {color: red;} /* 未访问的链接状态 */ a:visited {color: green;} /* 已访问的链接状态 */ a:hover {color: blue;} /* 鼠标滑过链接状态 */ a:active {color: yellow;} /* 鼠标按下去时的状态 */ 说明： 1）当这4个超链接伪类选择符联合使用时，应注意他们的顺序，正常顺序为： a，a:link,a:visited,a:hover,a:active,错误的顺序有时会使超链接的样式失效； 2）为了简化代码，可以把伪类选择符中相同 的声明提出来放在a选择符中； 例如：a{color:red;} a:hover{color:green;} 表示超链接的三种状态都相同，只有鼠标划过变化颜色

7.通配符：*{}   margin：0 ；盒子外围清零padding：0； 内边距清零