css的选择符

一：类型选择符（标签选择符）
所有的html标签可以直接当作选择符进行应用：
div\p\em\i\b\strong…
特点：能选中当前结构里面全部同名标签。
应用：想统一某一个标签样式的时候或者是清除某个标签默认样式的时候。

二：id选择符 （相当于人的身份证号）
    语法：
        起名字：        <标签 id="名称"></标签>
        css里写样式：   #名称{ 属性:属性值 }            
    特点：唯一性！在同一个页面里面，一个id名只能用一次。
    应用：来划分网页外围结构

三: 类选择符(class选择符)（可以起多个名字、名字中间必须加空格）
    语法:
        起名字:         <标签 class="名称1 名称2 名称3 名称4..."></标签>
        用类名写样式     .名称{属性:属性值;}
    特点:
        a:一个元素可以有多个类名,类名可以重复出现
        b:可以制定一类样式.

四: 群组选择符
    语法:以逗号分隔的方式,把多个选择器组成一组,给整组添加样式.
        选择符1,选择符2,选择符3,选择符4{ 属性:属性值; }
        比如: #box,.con,h3,#wrap{ width:300px; }
        应用：当很多标签公用一些相同的样式，可以使用群组选择符

五: 包含选择符(子代选择器\后代选择符) ( 通过父元素找子元素 )
    语法:（两个元素之间必须加空格）
        父元素 子元素{ 属性:属性值; }

六: 伪类选择器:（这个书写四个顺序不能乱）
    a:link{color: red;}        /* 未访问的链接状态 */
    a:visited{color: green;}   /* 已访问的链接状态 */
    a:hover{color: blue;}      /* 鼠标滑过链接状态 */（最常用）
    a:active{color: yellow;}   /* 鼠标按下去时的状态 */
    
    伪类常用方法：
    a{
        color:red;
    }
    a:hover{
        color:yellow;
    }
七：通配符       
      语法：*{  }（里面只写margin和padding）
      * 表示选择页面中所有的元素！
    *{
        margin:0;    盒子外围间距清零
        padding:0;   盒子内部的距离清零
    } 
起名规范：
    尽量小写字母开头。
    数字、字母、下划线、连字符的组合。
    不能使用关键字命名（所有的标签和属性都属于关键字）
    命名尽量反应板块内容、或者反应结构(语义化)。
    可以是拼音，但是不能出现汉字和特殊字符。