CSS的三種引入方式
阿新 • • 發佈：2022-12-12
css寫再style標籤中，style標籤一般寫在head標籤裡面，title下面
| 引入方式 | 書寫位置 | 作用範圍 | 使用場景 | 提示 |
|---|---|---|---|---|
| 內嵌式 | CSS寫在style標籤中 | 當前頁面 | 小案例 | style標籤雖然可以寫在頁面的任意位置。但通常約定寫在head標籤中 |
| 外聯式 | CSS寫在單獨的CSS檔案中，通過link標籤引入 | 多個頁面 | 專案中 | |
| 行內式 | CSS寫在標籤的style屬性中 | 當前標籤 | 配合js使用 |
行內式
實際開發中，不會手動去寫行內式引入css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div style="color:green; font-size: 100px;">這是div標籤</div>
</body>
</html>