CSS (Cascading Style Sheets) 是一種用來描述 HTML 或 XML 文件外觀和排版的樣式表語言。它允許我們控制網頁的布局、顏色、字體等，讓網頁具有吸引力和一致性。CSS 使得開發者可以將結構和外觀分開處理，從而更容易維護和管理網頁的樣式。
簡單來說HTML跟CSS的關係就像是房子的骨架和外表~
CSS 由 選擇器 和 聲明塊 組成。
選擇器 {
屬性: 值;
}
範例：
h1 {
color: blue;
font-size: 24px;
}
這段 CSS 會將所有的 <h1> 標籤文字變為藍色，並設置字體大小為 24 像素。
CSS 有三種常見的應用方式：
直接在 HTML 元素的 style 屬性中定義樣式。
<h1 style="color: blue;">標題</h1>
將 CSS 定義在 HTML 文件的 <style> 標籤內，通常位於 <head> 部分。
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>範例</title>
<style>
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>標題</h1>
</body>
</html>
將 CSS 定義在獨立的 .css 文件中，並使用 <link> 標籤將其引入 HTML 文件。
外部 CSS 文件 (styles.css)：
h1 {
color: blue;
}
HTML 文件：
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<title>範例</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>標題</h1>
</body>
</html>
CSS 支持注釋，注釋不會顯示在網頁中，通常用來標記和說明代碼的作用。注釋使用 /* */ 包裹。
/* 這是一個注釋 */
h1 {
color: blue; /* 此行改變標題顏色 */
}
當同一個元素有多個樣式規則時，CSS 根據優先級應用樣式。優先級從低到高順序為：
style 屬性）!important 標誌的樣式範例：
h1 {
color: blue !important;
}
!important 標記的樣式將會覆蓋其他樣式。
今天主要是介紹一下CSS，因此今天是沒有實作部分的喔~
iThome鐵人賽
看影片追技術