3-1. 認識 CSS 樣式語言
CSS 是什麼?
- 階層式樣式表、串接樣式表
(Cascading Style Sheets)
簡稱:CSS,負責描述設計HTML的樣子,
由 W3C 定義和維護。
認識 CSS {樣式} 語法格式
撰寫 CSS 的位置:
撰寫CSS的位置:
-
在HTML的標籤中直接設定style樣式,也稱為「行內樣式」,例如: <body style="background-color:gray;">。
撰寫CSS的位置:
-
在 </head> 的前面,加上 <style> ...... </style>,在這個標籤之中撰寫 CSS 樣式語言。
撰寫CSS的位置:
-
為了讓多個 HTML 檔案共用,或者為了優化程式碼,可以將 CSS 樣式規則另儲存在
xxxxx.css 檔案,
在 xxxxx.html 檔案中
</head> 的前面再設定
<link rel="stylesheet" href="xxxxx.css">。
在 xxxxx.html 檔案中 </head> 的前面再設定 <link rel="stylesheet" href="xxxxx.css">。