前端三劍客：HTML + CSS + JavaScript
結構 樣式 行為
什麼是CSS
CSS：Cascading Style Sheet （層疊級聯樣式表），主要是美化網頁，可以美化的元素有字型、顔色、邊距、高度、寬度、背景圖檔、網頁定位、網頁浮動等等。
CSS 發展史
CSS 1.0：美化基本樣式，HTML 的屬性也可以實作的美化
CSS 2.0：DIV(塊) + CSS，HTML 與 CSS 結構分離的思想，網頁變得簡單，SEO(搜尋引擎優化)
CSS 2.1：浮動，定位
CSS 3.0：圓角，陰影，動畫……，需要考慮浏覽器相容性
快速入門
目标：将标題變色
1、通過 <style> 标簽在 html 檔案裡直接定義
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--規範，<style> 可以編寫css的代碼，每一個聲明最好使用分号結尾
文法：
選擇器 {
聲明1;
聲明2;
聲明3;
}
-->
<style>
h1 {
color: aqua;
}
</style>
</head>
<body>
<h1>我是标題</h1>
</body>
</html>
2、HTML 和 CSS 分離（優化）
建立一個 css 檔案用于聲明樣式，在 html 檔案中引入 css 檔案中的聲明
外部引用的語句：<link rel="stylesheet" href="css檔案的路徑" target="_blank" rel="external nofollow" >
兩個都可以達到目标：
CSS 優勢
- 内容和表現分離
- 網頁結構表現統一，可以實作複用
- 樣式十分豐富
- 建議使用獨立于 html 的 css 檔案
- 利于 SEO，容易被搜尋引擎收錄