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 位置