WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

1-5. CSS {樣式} 語法格式與撰寫位置

CSS是什麼?

階層式樣式表、串接樣式表(Cascading Style Sheets)簡稱:CSS,負責描述設計HTML的樣子,由W3C定義和維護。

認識 CSS {樣式} 語法格式


撰寫CSS的位置一:

</head> 的前面直接輸入以下程式碼 (右邊灰色文字是CSS的註解,不影響執行)


撰寫CSS的位置二:

為了讓多個HTML檔案共用CSS的樣式設計,或者為了優化程式碼,

可以將CSS樣式規則另儲存在 xxx.css 檔案,

xxx.html 檔案中 </head> 的前面再設定 <link rel="stylesheet" href="xxx.css">


撰寫CSS的位置三:

在HTML的標籤中直接設定style樣式,也稱為「行內樣式」,例如: <body style="background-color:gray;">


小小範例練習: 參考範例結果參考範例結果

範例練習: 參考範例結果

go TOP