返回列表 發帖

CSS 應用方式

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

返回列表