css选择符归纳

选择符：选择符就是给标签起名字

一、类型选择符（又叫标签选择符）

语法：选择符 { 属性:属性值; }

所有的html标签可以直接当作选择符进行应用，例如div/p/em/i/b/strong标签等等。

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

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

二、ID选择符

语法：

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

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

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

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

三、类选择符（又叫class选择符）

语法：

起名字：<标签 class="名称1 名称2 名称3..."></标签>

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

特点：

a.一个元素可以有多个类名，类名可以重复出现

b.可以制定一类样式

四、群组选择符

语法：

以逗号分隔的方式，把多个选择器组成一组，给整租添加样式，即：

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

例如：#box,.con,h3,#wrap{ width:100px;}

五、包含选择符（通过父元素找子元素）（子代选择器/后代选择器）

语法：

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

六、伪类选择器

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

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

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

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

七、通配符

语法：

*{  }

*选择页面中所有的元素

*里只能出现margin:0;padding:0;

例如：*{margin:0;/*盒子外围间距清零*/

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