CSS基本語法
本電子書由站長百科(www.zzbaike.com)教程組制作CSS 基本語法? 出處：站長百科?? 原文地址：?? 本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?目錄CSS 基本語法......
本電子書由站長百科
(www.zzbaike.com)教程組制作
CSS 基本語法
? 出處：站長百科?? 原文地址：?? 本電子書整理自站長百科詞條，查看內(nèi)容請訪問網(wǎng)站。?
目錄
CSS 基本語法.............................................................................................1
CSS 語法由三部分構(gòu)成：選擇器、屬性和值........................................2
值的不同寫法和單位................................................................................2
記得寫引號.................................................................................................3
多重聲明.....................................................................................................3
空格和大小寫敏感....................................................................................4
選擇器的分組.............................................................................................4
繼承是一個詛咒嗎....................................................................................6
更多電子書.................................................................................................7
美國主機偵探發(fā)送Reseller7.73美元域名代理賬號 Com org 均為7.73美元一年 續(xù)費價格不變 讓你體驗做域名出售商的感覺 詳情參看：http://bbs.idcspy.com/thread-44619-1-1.html
?
?
?
出處：站長百科?原文地址：?本電子書整理自站長百科CSS 基本語法詞條，查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
推薦內(nèi)容： 全球第一大域名注冊商 | Godaddy注冊域名優(yōu)惠碼
CSS 語法由三部分構(gòu)成：選擇器、屬性和值
selector {property: value}
選擇器 (selector) 通常是你希望定義的 HTML 元素或標簽，屬性
(property) 是你希望改變的屬性，并且每個屬性都有一個值。屬性和值被冒號分開，并由花括號包圍，這樣就組成了一個完整的樣式聲明（declaration）：
body {color: blue}
上面這行代碼的作用是將 body 元素內(nèi)的文字顏色定義為藍色。在上述例子中，body 是選擇器，而包括在花括號內(nèi)的的部分是聲明。聲明依次由兩部分構(gòu)成：屬性和值，color 為屬性，blue 為值。
值的不同寫法和單位
除了英文單詞 red，我們還可以使用十六進制的顏色值 #ff0000：
p { color: #ff0000; }
為了節(jié)約字節(jié)，我們可以使用 CSS 的縮寫形式：
p { color: #f00; }
我們還可以通過兩種方法使用 RGB 值：
p { color: rgb(255,0,0); }
p { color: rgb(100,0,0); }
?
?
?
出處：站長百科?原文地址：?本電子書整理自站長百科CSS
基本語法詞條，查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
請注意，當使用 RGB 百分比時，即使當值為 0 時也要寫百分比符號。但是在其他的情況下就不需要這么做了。比如說，當尺寸為 0 像素時，0 之后不需要使用 px 單位，因為 0 就是 0，無論單位是什么。
記得寫引號
提示：如果值為若干單詞，則要給值加引號：
p {font-family: "sans serif";}
多重聲明
提示：如果要定義不止一個聲明，則需要用分號將每個聲明分開。下面的例子展示出如何定義一個紅色文字的居中段落。最后一條規(guī)則是不需要加分號的，因 為分號在英語中是一個分隔符號，不是結(jié)束符號。然而，大多數(shù)有經(jīng)驗的設(shè)計師會在每條聲明的末尾都加上分號，這么的好處是，當你從現(xiàn)有的規(guī)則中增減聲明時， 會盡可能的減少出錯的可能性。就像這樣：
p {text-align:center; color:red;}
你應(yīng)該在每行只描述一個屬性，這樣可以增強樣式定義的可讀性，就像這樣： p {
text-align: center;
color: black;
font-family: arial;
}
?
?
?
出處：站長百科?原文地址：?本電子書整理自站長百科CSS
基本語法詞條，查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
空格和大小寫敏感
大多數(shù)樣式表包含不止一條規(guī)則，而大多數(shù)規(guī)則包含不止一個聲明。多重聲明和空格的使用使得樣式表更容易被編輯：
body {
color: #000;
background: #fff;
margin: 0;
padding: 0;
font-family: Georgia, Palatino, serif;
}
是否包含空格不會影響 CSS 在瀏覽器的工作效果，同樣，與 XHTML 不同，CSS 對大小寫不敏感。不過存在一個例外：如果涉及到與 HTML 文檔一起工作的話，class 和 id 名稱對大小寫是敏感的。
選擇器的分組
你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的聲明。用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。
h1,h2,h2,h3,h5,h6 {
color: green;
?
?
?
出處：站長百科?原文地址：?本電子書整理自站長百科CSS
基本語法詞條，查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
}
繼承及其問題
根據(jù) CSS，子元素從父元素繼承屬性。但是它并不總是按此方式工作?？纯聪旅孢@條規(guī)則：
body {
font-family: Verdana, sans-serif;
}
根據(jù)上面這條規(guī)則，站點的 body 元素將使用 Verdana 字體（假如訪問者的系統(tǒng)中存在該字體的話）。
通過 CSS 繼承，子元素將繼承最高級元素（在本例中是 body）所擁有的屬性（這些子元素諸如 p, td, ul, ol, ul, li, dl, dt,和 dd）。不需要另外的規(guī)則，所有 body 的子元素都應(yīng)該顯示 Verdana 字體，子元素的子元素也一樣。并且在大部分的現(xiàn)代瀏覽器中，也確實是這樣的。
但是在那個瀏覽器大戰(zhàn)的血腥年代里，這種情況就未必會發(fā)生，那時候?qū)藴实闹С植⒉皇瞧髽I(yè)的優(yōu)先選擇。比方說，Netscape 4 就不支持繼承，它不僅忽略繼承，而且也忽略應(yīng)用于 body 元素的規(guī)則。IE/Windows 直到 IE6 還存在相關(guān)的問題，在表格內(nèi)的字體樣式會被忽略。我們又該如何是好呢？
友善地對待Netscape 4
幸運地是，你可以通過使用我們稱為 "Be Kind to Netscape 4" 的冗余法則來處理舊式瀏覽器無法理解繼承的問題。
body {
font-family: Verdana, sans-serif;
}
?
?
?
出處：站長百科?原文地址：?本電子書整理自站長百科CSS
基本語法詞條，查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
p, td, ul, ol, li, dl, dt, dd {
font-family: Verdana, sans-serif;
}
4.0 瀏覽器無法理解繼承，不過他們可以理解組選擇器。這么做雖然會浪費一些用戶的帶寬，但是如果需要對 Netscape 4 用戶進行支持，就不得不這么做。 繼承是一個詛咒嗎
如果你不希望 "Verdana, sans-serif" 字體被所有的子元素繼承，又該怎么做呢？比方說，你希望段落的字體是 Times。沒問題。創(chuàng)建一個針對 p 的特殊規(guī)則，這樣它就會擺脫父元素的規(guī)則：
body {
font-family: Verdana, sans-serif;
}
td, ul, ol, ul, li, dl, dt, dd {
font-family: Verdana, sans-serif;
}
p {
font-family: Times, "Times New Roman", serif;
}
?
?
?
出處：站長百科?原文地址：?本電子書整理自站長百科CSS
基本語法詞條，查看內(nèi)容請訪問網(wǎng)站。?
,本電子書由站長百科(www.zzbaike.com)教程組制作
更多電子書
SEO 搜索引擎優(yōu)化基礎(chǔ)教程：
SEO 搜索引擎優(yōu)化高級教程：
wordpress的中文翻譯文檔：http://www.wordpress.la/codex.html，wordpress 開發(fā)的相關(guān)知識都有，對WordPress開發(fā)感興趣的博主會有一定的用處。
WordPress免費主題：http://www.wordpress.la/theme.html
WordPress免費插件：http://www.wordpress.la/plugin.html
WordPress 主題制作電子書：
Apache2.2中文文檔電子書： IXWeHosting 控制面板使用手冊(在線版 PDF電子書) ：
更多電子書下載：http://down.zzbaike.com/ebook/
1. 美國主機IXWebHosting 使用視頻教程（在線觀看及下載）
2. Godaddy 主機及域名使用視頻教程（在線觀看及下載）
如果您有站長類電子書，請到這里與我們分享：
詳情見： http://bbs.zzbaike.com/thread-23156-1-1.html
站長百科感謝您下載閱讀，多謝支持！ ?
?
?
出處：站長百科?原文地址：?本電子書整理自站長百科CSS
基本語法詞條，查看內(nèi)容請訪問網(wǎng)站。?