CSS选择器

Css选择器：把设置的“样式”作用于网页中的哪些元素；就是使用选择器

1、基本选择器：*
对页面上所有的元素的样式进行渲染，这样就会使页面的渲染速度变慢，所以基本不用

*{
	color:bule;
}

2、标签选择器
如果想匹配多种标签，就用分号隔开，这样就又叫多元素选择器

div,table{
	width:300px;
}

3、类选择器： . class

.ren{
	font-size:30px;
}

<span class="ren">我用了类选择器</span>

4、ID选择器：# id

#myspan{
	font-size:40px;
}

<span id="myspan">我用了id选择器</span>

5、后代选择器：中间用空格
后代：就是一个标签里又嵌套了另一个标签

div p{
    background-color:yellow;
}

<div>
  	<p>我要变成黄色</p>
    <p>我也要变成黄色了</p>
</div>

优先级：!important > 行内样式 > id选择器 > 类选择器 > 标签选择器

div{
	width:300px !important;
}

=============================================================

引用CSS的三种方式
1、使用style属性
但是应把样式和结构相分离，所以能不用，尽量不用

<div style=“color:red;”></div>

2、使用style标签

<style type="text/css">
	div{
		color:red;
	}
</style>

3、使用link标签进行外连

<link rel="stylesheet"  href="hello.css"  />