html文档嵌入CSS样式的三种方式

CSS嵌入html文档的三种结合方式

1. 内联样式

• 在标签内使用style属性指定css代码
• 如：

	 <div style="color:red;">hello css</div>

2. 内部样式

• 在head标签内，定义style标签，style标签的标签体内容就是css代码
• 如：

	<style>
		div{
		color:blue;
		}
	</style>
	<div>hello css</div>

3. 外部样式

• 使用步骤：

1. 定义css资源文件。
2. 在head标签内，定义link标签，引入外部的资源文件

• 引入外部资源文件方式如：

	//a.css文件：
	div{
		color:green;
	}

//在文档内部通过link标签引入，注意使用的是相对路径
<link rel="stylesheet" href="css/a.css">

<div>hello css</div>
<div>hello css</div>

4.注意：

• 1,2,3种方式 css作用范围越来越大
• 1方式不常用，后期常用2,3
• 第3种的格式的第二种写法：

	<style>
		@import "css/a.css";
	</style>