CSS 簡介
CSS 是我們用來美化網頁的語言。
What is CSS?
- CSS 代表層疊樣式表（Cascading Style Sheets）
- CSS 描述了 HTML 元素如何在螢幕、紙張或其他媒體上顯示
- CSS 節省大量工作。它可以一次性控制多個網頁的佈局
- 外部樣式表儲存在 CSS 檔案中
CSS 演示 - 一個 HTML 頁面 - 多種樣式！
在這裡，我們將展示一個 HTML 頁面，它使用四種不同的樣式表顯示。點選下面的“樣式表 1”、“樣式表 2”、“樣式表 3”、“樣式表 4”連結，檢視不同的樣式。
為什麼要使用 CSS？
CSS 用於定義網頁的樣式，包括設計、佈局以及針對不同裝置和螢幕尺寸的顯示變化。
CSS 示例
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
自己動手試一試 »CSS 解決了一個大問題
HTML 從未打算包含用於格式化網頁的標籤！
HTML 的建立是為了描述網頁的內容，例如
<h1>This is a heading</h1>
<p>這是一個段落。</p>
當諸如 標籤和顏色屬性被新增到 HTML 3.2 規範中時，這給網頁開發人員帶來了噩夢。開發大型網站時，需要在每個頁面中新增字型和顏色資訊，這變成了一個漫長而昂貴的過程。
為了解決這個問題，全球資訊網聯盟（W3C）建立了 CSS。
CSS 從 HTML 頁面中移除了樣式格式！
如果您不知道 HTML 是什麼，我們建議您閱讀我們的 HTML 教程。
CSS 節省了大量工作！
樣式定義通常儲存在外部 .css 檔案中。
透過一個外部樣式表文件，您只需更改一個檔案就可以改變整個網站的外觀！
影片：CSS 簡介
