HTML中引入CSS方法

一、行間樣式

<div style="
	width: 100px;
	height: 100px;
	background-color: red;">
</div>

直接在HTML文件的標簽中進行CSS樣式的設置。

二、頁面級CSS

在head標簽中添加style標簽，type值為“text/css”,在style標簽中間div{}處寫CSS代碼

<style type="text/css">
	div{
		width: 100px;
		height: 100px;
		background-color: green;
	}




</style> 

三、外部CSS文件

新建一個文件，專門用來存儲CSS樣式代碼。在HTML中，通過在head標簽中定義link標簽來引入該CSS樣式。

<link rel="stylesheet" type="text/css" href="css代碼.css">

link標簽中的href屬性值就是我們想要引入的那個CSS文件的文件名。
但是在實際寫代碼過程中，我們會用到很多同樣的標簽，比如<div>標簽，可能一份簡單的demo中會有很多<div>標簽，並且可能每個div標簽都需要不同的CSS樣式。而將需要的CSS樣式和對應的 <div>標簽關聯起來，就需要用到選擇器了。