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