CSS 簡(jiǎn)介
你在開始學(xué)習(xí)CSS之前，應(yīng)確保自己擁有以下預(yù)備知識(shí)：?
HTML / XHTML?
要學(xué)習(xí)HTML和XHTML，可通過PHP中文網(wǎng)（php.cn）主頁找到相關(guān)教程
學(xué)習(xí)CSS就要知道什么是CSS?
CSS 指層疊樣式表 (Cascading?Style?Sheets)
樣式定義如何顯示?HTML 元素
樣式通常存儲(chǔ)在樣式表中
把樣式添加到 HTML 4.0 中，是為了解決內(nèi)容與表現(xiàn)分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲(chǔ)在?CSS 文件中
多個(gè)樣式定義可層疊為一
樣式解決了一個(gè)很大的問題
HTML 標(biāo)簽原本被設(shè)計(jì)為用于定義文檔內(nèi)容，如下實(shí)例：
這是一個(gè)標(biāo)題
這是一個(gè)段落.
樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標(biāo)簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個(gè)簡(jiǎn)單的 CSS 文檔，外部樣式表使你有能力同時(shí)改變站點(diǎn)中所有頁面的布局和外觀。
為了解決這個(gè)問題，萬維網(wǎng)聯(lián)盟（W3C），這個(gè)非營(yíng)利的標(biāo)準(zhǔn)化聯(lián)盟，肩負(fù)起了 HTML 標(biāo)準(zhǔn)化的使命，并在 HTML 4.0 之外創(chuàng)造出樣式（Style）。
當(dāng)代瀏覽器都支持 CSS .
CSS 樣式表極大地提高了工作效率
樣式表定義如何顯示 HTML 元素
樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標(biāo)簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個(gè)簡(jiǎn)單的 CSS 文檔，外部樣式表使你有能力同時(shí)改變站點(diǎn)中所有頁面的布局和外觀。
CSS實(shí)例
一個(gè)HTML文檔可以顯示不同的樣式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（php.cn）</title>
<style>
h1{color: #00a0e9}
p{background-color: #8de943
}
p.ex {margin-top:2cm;}
p.bottommargin {margin-bottom:25%;}
</style>
</head>
<body>
<h1>標(biāo)題</h1>
<p>一個(gè)沒有指定邊距大小的段落。</p>
<p class="ex">一個(gè)2厘米上邊距的段落。</p>
</body>
</html>運(yùn)行程序試試看
