?
This document uses PHP Chinese website manual Release
說明:
本手冊針對的是已有一定網(wǎng)頁設(shè)計制作經(jīng)驗(yàn)的讀者。其目的是提供最新的樣式表內(nèi)容的快速索引及注釋。所以對于樣式表的基礎(chǔ)知識,在此僅簡單介紹,恕不贅述。
本手冊的升級信息與版權(quán)聲明請參閱關(guān)于本手冊頁面。
什么是層疊樣式表:
CSS是Cascading Style Sheet(層疊樣式表)的縮寫。是用于(增強(qiáng))控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。
CSS不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言)。
CSS2.1是目前被使用最廣泛的版本,而目前還在開發(fā)中的CSS3具有更吸引人的特性。
本手冊除了CSS2.1外,還涵蓋了大部分的CSS3內(nèi)容。但由于CSS3尚未定稿,不可避免會出現(xiàn)一些變動。
樣式語法:
Selector {property:value}
如何將樣式表加入您的網(wǎng)頁:
你可以用以下三種方式將樣式表加入您的網(wǎng)頁。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。例外請參閱!important聲明。
內(nèi)聯(lián)方式 Inline Styles
內(nèi)聯(lián)定義即是在對象的標(biāo)記內(nèi)使用對象的style屬性定義適用其的樣式表屬性。
示例代碼:
<p style="color:#f00;">這一行的字體顏色將顯示為紅色</p>
內(nèi)部樣式塊對象 Embedding a Style Block
你可以在你的HTML文檔的<head>標(biāo)記里插入一個<style>塊對象。
示例代碼:
<style> body{background:#fff;color:#000;} p{font-size:14px;} </style>
外部樣式表 Linking to a Style Sheet
你可以先建立外部樣式表文件*.css,然后使用HTML的link對象。
示例代碼:
<link rel="stylesheet" href="*.css" />
Issues
Pull Requests
Base Browsers: IE6.0+, Firefox2.0+, Chrome4.0+, Safari6.0+, Opera15.0+
Copyright ? 2006-2018 Doyoe. All Rights Reserved