CSS在HTML中使用的三种方式

CSS在HTML中使用的三种方式
1.外部样式表
test.css

此处省略css代码部分

使用：

			<link rel="stylesheet" href="./style/test.css">

或是

			<style>
				@import './style/test.css';
			</style>

2.内部样式表的使用

	<style>
		css样式
		div{
			color:red;
			border:1px solid red;
		}
	</style>

3.行内样式表中使用

	<div style="color:red;border:1px solid red;"></div>

下面说说css样式的优先级
一般情况下 :
（内联样式）Inline style >（内部样式）Internal style sheet >（外部样式）External style sheet
如果引入的方式是相同的话(也就是只在内部引入或外部引入的时候), 可按照如下的方式去判断

1. @important 最优先
2. 特性值
   ID选择器 100
   Class选择器、属性选择器、伪类选择器 10
   标签选择器、伪元素选择器 1
   其他* > 空格 + ~ 0
3. 位置规则
   就近原则,通俗的说:如果特性值一样，后面的设置覆盖前面的设置。