CSS簡介

CSS 簡介

你需要具備的知識

在繼續學習之前,你需要對下面的知識有基本的了解:

HTML / XHTML

如果你希望先學習這些項目,請在 首頁 訪問相關教學。 .

什麼是CSS?

CSS 指層疊樣式表(Cascading Style Sheets)

樣式定義如何顯示 HTML 元素

#樣式通常儲存在樣式表中

把樣式加入到HTML 4.0 中,是為了解決內容與表現分離的問題

外部樣式表可以大幅提升工作效率

外部樣式表通常儲存在 CSS 檔案中

多個樣式定義可層疊為一

樣式解決了一個很大的問題

HTML 標籤原本被設計為用於定義文件內容,以下實例:

<h1>標題</h1>

<p>段落</p>

樣式表定義如何顯示HTML 元素,就像HTML 3.2 的字型標籤和顏色屬性所扮演的角色。樣式通常保存在外部的 .css 檔案中。透過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變網站中所有頁面的佈局和外觀。

當代瀏覽器都支援CSS .

CSS 樣式表大幅提高了工作效率

樣式表定義如何顯示HTML 元素

樣式表定義如何顯示HTML 元素,就像HTML 3.2 的字型標籤和顏色屬性所扮演的角色。樣式通常保存在外部的 .css 檔案中。透過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變網站中所有頁面的佈局和外觀。


繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS测试</title> <style> body{ background-color:yellow; } h1{ text-align:center; color:green; } p{ font-family:"微软雅黑"; font-size:40px; text-align:center; } </style> <body> <h1>春晓</h1> <p> 春眠不觉晓 </p> <p> 处处闻啼鸟 </p> <p> 夜来风雨声 </p> <p> 花落知多少 </p> </body> </html>