Board logo

標題: CSS 應用方式 [打印本頁]
作者: 陳育霖    時間: 2023-6-28 15:53     標題: 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. 優先級順序
內聯樣式具有最高的優先級，其次是內部樣式表，最後是外部樣式表。
在相同優先級下，後面定義的樣式會覆蓋先前的樣式。



歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/) Powered by Discuz! 7.2