1. 外鏈式

用法

• step 1: 在 html 文檔的 head 頭部分寫入下方這句話

<link rel="stylesheet" href="./xxx.css">

• setp 2: 在當前目錄下新建一個 xxx.css
• step 3: 在 xxx.css 中寫相應的程序代碼

2. 嵌入式

用法

• 在 html 文檔的 head 頭部分使用 <style> 標簽
• 比如

<style>
    div{
        width:200px;
        height:200px;
        background-color:yellow;
    }
</style>
 

3. 內聯式

用法

• 在html 文檔的 body 體中使用 <div> 標簽

• 比如

<div style="width:200px;height:200px;background-color:green;"></div>

4. 三種方法的比較

• 實際應用中，外鏈式較多
• 同時存在兩種或兩種以上的方式時
  • 自頂向下，後加載的覆蓋先加載的
  • 一般地，離元素越近，優先級越高

[Web 前端] 006 css 三種頁面引入的方法