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>