从0开始学习HTML5+CSS3（3）——CSS选择器

基本选择器

1.标签选择器：

直接引用HTML标签名称，也称为类型选择器。在定制网页样式时，可利用标签选择器设计网页元素默认显示效果，或统一常用元素的基本样式。

<style>
body {
    
	width: 100%;
	height: 100%;
	overflow: hidden;
}
</style>

2.类选择器：

能够为网页对象定义不同的样式，实现不同元素拥有相同的样式，相同元素的不同对象拥有不同的样式。
类选择器以一个点（.）前缀开头，然后跟随一个自定义的类名。
应用类样式可以使用class属性来实现，只要在标签中定义class属性，然后把该属性值设置为事先定义好的类选择器的名称即可。

<style>
.box{
    
	width: 500px;
	height: 500px;
	margin: 200px auto;
}
</style>
<div class="box">
	我是一个类名叫box的div。
</div>

3.ID选择器：

一般通过ID选择器来定义HTML框架结构的布局效果。
ID选择器以井号（#）作为前缀，然后是一个自定义的ID名。
应用ID选择器可以使用id属性来实现，只要在标签中定义id属性，然后把该属性值设置为事先定义好的ID选择器的名称即可。
采用这种方法能提高该样式的优先级。

<style>
#wrap{
    
	width: 500px;
	height: 500px;
	background-color: brown;
}
</style>
<div id="wrap">
	我是一个ID名为wrap的div。
</div>

4.通配选择器：

如果HTML所有元素都需要定义相同的样式，不妨使用通配