css择符的归纳

一：类型选择符（标签选择符）

        所有的html标签可以直接当作选择符进行应用。

        div\p\em\i\b\strong.............

 

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

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

 

    二：id选择符    ->  相当于人的身份证号

        语法：

            起名字：        <标签 id="名称"></标签>

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

            

        特点：唯一性！在同一个页面里面，一个id名只能用一次。

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

    三: 类选择符(class选择符)

        语法:

            其名称:         <标签 class="名称1 名称2 名称3 名称4..."></标签>

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

 

        特点:

            a:一个元素可以有多个类名,类名可以重复出现

            b:可以制定一类样式.

 

　　　（逆战班）

    四: 群组选择符

        语法:以逗号分隔的方式,把多个选择器组成一组,给整组添加样式.

            选择符1,选择符2,选择符3,选择符4{ 属性:属性值; }

            eg :     #box,.con,h3,#wrap{ width:300px; }

    五: 包含选择符(子代选择器\后代选择符)    ( 通过父元素找子元素 )

        语法:

            父元素 子元素{ 属性:属性值; }

    六: 伪类选择器:

        a:link {color: red;}                    /* 未访问的链接状态 */

        a:visited {color: green;}               /* 已访问的链接状态 */

        a:hover {color: blue;}                  /* 鼠标滑过链接状态 */

        a:active {color: yellow;}               /* 鼠标按下去时的状态 */

        

    七：通配符

        *{  }

        * 选择页面中所有的元素！

        *{

            margin:0;    盒子外围间距清零

            padding:0;   盒子内部的距离清零

        }