在新视觉网页设计班，学习HTML中的div+css布局，css选择器是必不可少的，那么经常会使用哪些常见的选择器那？我们通常会使用8种选择器，当然，这里不包含css3的选择器，如果你还没有学习，那就赶紧预习下吧，如果学过了忘掉了，赶紧来回忆一下这些css选择器吧。

HTML5+css3种又新添加了很多选择器，我们后期会教大家如何来使用css3的选择器，下面我们先来看新视觉数码实训基地网页班，经常会用到哪些选择器，并且有什么作用吧。

一、标签选择器

格式：标签名{属性名:值; 属性名2:值2;}

如：h1{color：red}

作用：可以给单个或重复多个的标签定义共同的样式。

二、class选择器（类选择器）

格式：.box{属性名:值; 属性名2:值2;}

如：.box{color：red}

作用：一次声明，可以多次在body中调用，并且可以很好的为重复的标签，启用不同的class名称，将标签使用不同的样式。

三、通用选择器（标签的初始化）

格式：*{属性名:值; 属性名2:值2;}

如：*{color：#333; font-size：14px;}

作用：可以将所有的标签进行统一设置，比如：整站种的字体、字号、颜色、间距等等。

四、后代选择器

格式：父级选择器 子级选择器{属性名:值; 属性名2:值2;}

如：.header .con{padding：10px}

作用：能够让选择的元素更加精确、精准，父级元素和子集元素中间用空格隔开

五、编组选择器

格式：选择器,选择器{属性名:值; 属性名2:值2;}

如：. header , . footer{padding：10px}

作用：如果属性和值完全相同的两个选择器，可以将代码简化进行编组

六、伪类选择器

如： 选择器:伪类选择器的名称{属性名：值}

1、   :link 默认样式
2、   :visited 已经访问过的样式
3、   :hover   鼠标移动时的样式
4、   :active  鼠标按下时的样式

七、Id选择器

格式：#header{ margin:10px}

如：#footer{ background:blue}

八、精确选择器

格式：标签名.class名

如：div.box{background:red}

作用是让.box这个类名，作用在div标签之上，如果标签不是div那么这个类名就不会起到作用。