開始之前先補充一下 Element (元素)的說明
Element：簡單說元素就是一個前後完整的標籤 + 內容的組合，如下會是一個段落元素<p>這是一個段落</p>
CSS的全名為Cascading Style Sheets (階層式樣式表)，目的是美化排版，因此可以修改網頁的樣式，那要寫在哪邊呢？基本上有3 種寫法
<h1 style="color:red"> 標題 </h1>
<h1>，全部都會是藍色的<head>
<style>
h1 {
color: blue;
}
</style>
</head>
<head> 內設定一個檔案，進行連結引用，把 HTML 和 CSS 分開，這會是最常使用的方法可以避免html過於繁雜<head>
<link rel="stylesheet" href="style.css">
</head>
記得新建 style.css 的檔案，檔案內容如下，可以發現標題變成紅色了
h1 {
color: red;
}
CSS 程式的架構：
寫出目標的選擇器，之後用 {} 包起來，然後輸入要設定的屬性:值，再使用;將不同的屬性設定分開
選擇器{
屬性: 值;
屬性: 值;
}
iThome鐵人賽
看影片追技術
看更多