在HTML中CSS三种使用方式

一、行内样式

在标签<>中输入style = "属性：属性值;"。(中等使用频率)

不利于CSS样式的复用；违背了CSS内容和样式分离的设计理念，后期难以维护。

<p style="color: red">这是div中的p元素</p>

二、内部样式

在<style>元素{属性1：属性值1；属性属性值2}</style>中间输入样式（中等使用频率）

		<style>
			元素 {
				属性1: 属性值1;
			}
		</style>

三、外部样式

方案一：

		<link rel="stylesheet" href="scr/文件名.css" type ="text/css"/>

其中: rel为relationship(关系，定义HTML文档与link的关系) href为Hypertext Reference（超文本引用）

方案二：

		<style>
			@import 'src/文件名.css';
		</style>

上述两种方案区别：

路径设置：

若css在scr目录下，则设置相对路径为：./src/样式表.css （或 src/样式表.css，两者等价）。

其中 **./**表示当前文件位置。

优先级：行业样式>内部样式>外联样式。