A. 內聯樣式(Inline Styles)
在HTML標籤中使用style屬性直接指定元素的樣式。
例如:- <h1 style="color: blue;">標題</h1>
複製代碼 B. 內部樣式表(Internal Stylesheets)
在HTML文件中使用<style>標籤定義樣式,放置在<head>標籤中。
例如:- <head>
- <style>
- h1 {
- color: blue;
- }
- </style>
- </head>
複製代碼 C. 外部樣式表(External Stylesheets)
將樣式代碼寫入一個單獨的CSS文件,並通過<link>標籤將其連接到HTML文件。
例如:- <head>
- <link rel="stylesheet" href="styles.css">
- </head>
複製代碼 D. 優先級順序
內聯樣式具有最高的優先級,其次是內部樣式表,最後是外部樣式表。
在相同優先級下,後面定義的樣式會覆蓋先前的樣式。 |