html学习(三)CSS选择器的使用

一、基本选择器

  基本选择器是用来指明“样式”将作用于网页中的那些元素。基本选择器分为四种：通用选择器、标签选择器、类选择器和id选择器。

1.通用选择器

  通用选择器是一个星号(*)，功能类似于通配符，用于匹配文档中所有的元素类型。通用选择器的语法格式如下：

* {
	margin:0px;
	padding:0px;
}

  通用选择器可以使页面中所有的元素都使用该规则。一般用于初始化，有些标签自带外边距、内边距，在页面布局时会带来不必要的麻烦，如上述代码，将页面所有的元素去除边距。

2.通用选择器

  标签选择器是使用HTML标签名作为一个CSS的选择器，用于对HTML中的某种标签来统一设置样式。

	div {
		border:1px solid #000;
	}

  上述代码中，div是标签选择器，通过该选择器将页面中所有的div块设置黑色实线边框。

3.类选择器

  标签选择器只能作用于同种类型的标签中，而实际在设计页面时，往往会遇到将不同的标签设为相同的样式，或相同标签采用不同的样式的情况，此时可以使用类选择器来实现。类选择器是指同一样式的元素定义为一类，在类名前有一个点(.)，其语法格式如下：