CSS
負責樣式呈現,建構在 HTML 架構之上
宣告格式
h1 {
color: red;
}
h1
選擇器,對應 HTML
特徵
color
屬性名稱
red
屬性數值
每個屬性結束要記得用
;
關閉,最後一個屬性可以不用關閉
宣告位置
HTML 屬性
<div style="color:#ffffff; background: #000000">屬性宣告</div>
使用
HTML
屬性style
來宣告
HTML 元素
<style>
div {
color: #ffffff;
background: #000000;
}
</style>
CSS 檔案
css/main.css
div {
color: #ffffff;
background: #000000;
}
在
CSS
檔案內不要宣告<style>
標籤
index.html
<head>
<link rel="stylesheet" href="css/main.css">
</head>
rel="stylesheet"
使用樣式表 (CSS
)
href
CSS
位置