css选择符-逆战班

1.类型选择符（标签选择符）
  所有的html的标签可以直接当作选择符进行应用。
  div\p\em\b\strong.......
  特点：能选中当前结构里面全部同名标签。
  应用：想统一某一个标签样式的时候或者是清除某个标签默认样式的时候。
 2.id选择符
  语法：
   起名字： <标签 id="名称"></标签>
   用名字写样式：  #名称{属性：属性值;}
   特点：唯一性！在同一个页面里，一个id名只能用一次。
 3.类选择符（class选择器）
  语法：
   其名称： <标签 class="名称1 名称2 名称3...."></标签>
   用类名写样式： .名称{属性：属性值}
  特点：
   1.一个元素可以有多个类名，类名可以重复出现。
   2.可以制定一类样式。
 4.群组选择符
  语法：
   以逗号分隔的方式，把多个选择器组成一组，给整组添加样式。
   选择器1，选择器2，选择器3，选择器4{属性：属性值;}
 5.包含选择器(子代选择器/父代选择器)（通过父元素找子元素）
  语法：
   父元素 子元素{属性：属性值：}
 6.伪类选择器：
  a:link{color:red;} /*未访问连接状态*/
  a:visited{color:green;}  /*已访问连接状态*/
  a:hover{color:blue;}  /*鼠标滑过连接状态*/
  a:active{color:yellow;}  /*鼠标按下去时的状态*/
 7.通配符：
  *{ }
  *选择页面所有元素！
  *{
  margin：0 盒子外围间距清零。
  padding：0 盒子内部的间距清零。
  }
  起名规范：
   尽量小写字母开头。
   数字、字母、下划线、连字符的组合。
   不能使用关键字命名（所有的标签和属性都属于关键字）
   命名尽量反应模块内容，或者反应结构（语义化）。
   可以是拼音，但是不能出现汉字和特殊字符。
  起名方法：
   1.驼峰式命名法:
   newsLeft newsRight
   2.连字符命名法：
   news-left news-right news-center
   3.下划线命名法：
   news_left news_right news_center

选择符的权重：
  id>class/伪类>标签
 四个数字表示权重：
  内联样式表 1000
  id  0100
  class  0010
  标签  0001
  伪类  0010
  通配符  0000
  包含选择符的权重为权重之和
 eg：
  #box div{} 100+1=101
  .wrap .con p{} 10+10+1=21
 群组选择符的权重是不会发生变化的，保持原来的权重值。
 ！important 权重是最高的
css的层叠性 权重
 产生权重关系，必然体现css的层叠性。
 0.！important 最重要样式
 1.内联样式表>内部/外部
  内部样式表和外部样式表和书写顺序有关，后面书写会覆盖前面。
 2.选择符的权重：
  id>class/伪类>标签
 3.开发者样式权重>读者（用户）样式>浏览器样式
 4.当权重相同时候，后写的样式会覆盖前写的样式。