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