編輯“CSS簡介”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>導(dǎo)航:</strong> [[CSS學(xué)習(xí)教程#CSS學(xué)習(xí)教程|上一頁]] | {{template:開發(fā)語言導(dǎo)航}}</span>
<div style="clear:both;"></div>


''''什么是樣式表：''''<br>
[[CSS]] 是 Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用于(增強(qiáng))控制[[網(wǎng)頁]]樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。 <br>
如何將樣式表加入您的網(wǎng)頁：<br>
你可以用以下三種方式將樣式表加入您的網(wǎng)頁。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。例外請(qǐng)參閱 !important 聲明。<br> 
鏈入外部樣式表文件 (Linking to a Style Sheet)<br>
你可以先建立外部樣式表文件（.css），然后使用[[HTML]]的link對(duì)象。示例如下：<br>
<nowiki><head></nowiki><br>
<nowiki><title>文檔標(biāo)題</title></nowiki><br>
<nowiki><link rel=stylesheet  type="text/css"></nowiki><br>
<nowiki></head></nowiki><br>

而在XML中，你應(yīng)該如下例所示在聲明區(qū)中加入： <br>
<nowiki><? xml-stylesheet type="text/css"  ?></nowiki><br>

定義內(nèi)部樣式塊對(duì)象 (Embedding a Style Block)<br>
你可以在你的HTML文檔的<HTML>和<BODY>標(biāo)記之間插入一個(gè)<STYLE>...</STYLE>塊對(duì)象。 定義方式請(qǐng)參閱樣式表語法。示例如下： <br>
<nowiki><html></nowiki><br>
<nowiki><head></nowiki><br>
<nowiki><title>文檔標(biāo)題</title></nowiki><br>
<nowiki><style type="text/css"></nowiki><br>
<nowiki><!--</nowiki><br>
<nowiki>body {font: 10pt "Arial"}</nowiki><br>
<nowiki>h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}</nowiki><br>
<nowiki>h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}</nowiki><br>
<nowiki>p {font: 10pt/12pt "Arial"; color: black}</nowiki><br>
<nowiki>--></nowiki><br>
<nowiki></style></nowiki><br>
<nowiki></head></nowiki><br>
<nowiki><body> </nowiki><br>

請(qǐng)注意，這里將style對(duì)象的type屬性設(shè)置為"text/css"，是允許不支持這類型的瀏覽器忽略樣式表單。 <br>
''''內(nèi)聯(lián)定義 (Inline Styles)''''<br>
內(nèi)聯(lián)定義即是在對(duì)象的標(biāo)記內(nèi)使用對(duì)象的style屬性定義適用其的樣式表屬性。示例如下：<br>
<nowiki><p style="margin-left: 0.5in; margin-right:0.5in">這一行被增加了左右的外補(bǔ)丁<p> </nowiki><br>

''''樣式表語法 (CSS Syntax)''''<br>
<nowiki>Selector { property: value } </nowiki><br>
參數(shù)說明： <br>
Selector -- 選擇符<br>
property : value -- 樣式表定義。屬性和屬性值之間用冒號(hào)(:)隔開。多個(gè)定義之間用分號(hào)(;)隔開<br>

''''繼承的值 (The ' Inherit ' Value)''''<br>
每個(gè)屬性都有一個(gè)指定的值： Inherit 。它的意思是：將父對(duì)象的值等同為計(jì)算機(jī)值得到。這個(gè)值通常僅僅是備用的。顯式的聲明它可用來強(qiáng)調(diào)。

[[category:CSS學(xué)習(xí)教程]]


== 相關(guān)內(nèi)容 ==
[http://bbs.zzbaike.com/thread-54658-1-1.html 關(guān)于CSS樣式表]

[http://bbs.zzbaike.com/thread-54685-1-1.html css語法基礎(chǔ)]

[http://bbs.zzbaike.com/thread-55491-1-1.html 如何在xml中插入CSS]

== 參考資料 ==
[http://www.blueidea.com/ 藍(lán)色理想]