CSS 簡介
你在開始學(xué)習(xí)CSS之前，應(yīng)確保自己擁有以下預(yù)備知識：?
HTML / XHTML?
要學(xué)習(xí)HTML和XHTML ，可透過PHP中文網(wǎng)（php.cn）首頁找到相關(guān)教學(xué)
#學(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è)段落.
CSS 樣式表大大提高了工作效率
樣式表格定義如何顯示HTML 元素樣式表定義如何顯示HTML 元素，就像HTML 3.2 的字型標(biāo)籤和色彩屬性所扮演的角色一樣。樣式通常保存在外部的 .css 檔案中。透過僅僅編輯一個(gè)簡單的 CSS 文檔，外部樣式表使你有能力同時(shí)改變網(wǎng)站中所有頁面的佈局和外觀。
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>執(zhí)行程式試試看
