CSS手冊(cè)簡(jiǎn)編(2)_動(dòng)易Cms教程
· 外部式樣式單:是一種保存在外部的樣式單文件,外部文件以.CSS為擴(kuò)展名,例如"<link rel=stylesheet href="main-sheet.css" type="text/css">"。
在應(yīng)用時(shí)可以根據(jù)需要隨意運(yùn)用以上三種方式,但在實(shí)際中內(nèi)聯(lián)式樣式單和嵌入式樣式單使用得更多一些。
三、樣式單的語(yǔ)法特征
樣式單有自己獨(dú)特的書寫方法,把握了它的語(yǔ)法特征,再了解它的各種屬性,那么你會(huì)發(fā)現(xiàn)在Web頁(yè)面中運(yùn)用樣式單會(huì)是多么輕松。例如有一個(gè)最簡(jiǎn)單的HTML文檔:
<html>
<body>
<p>Text goes here…<p>
</body>
</html>
我們可以用嵌入式樣式單規(guī)定樣式。
<html>
<style>
<!--
p {color:red; font-weight : bold}
- ->
</style>
<body>
<p>這里顯示紅色字</p>
</bdoy>
</html>
可以看到,在這個(gè)文檔里,多了"Style"標(biāo)記,之間用<!-- ……… - ->注釋,以防止不能識(shí)別樣式單的低版本瀏覽器把樣式單當(dāng)作內(nèi)容顯示出來(lái),然后是要害的一句:
p {color:red;font-weight : bold }
這整行稱為一個(gè)聲明(Statement),在樣式單中,聲明分為兩種,一種是象這樣的,叫做"rule set",另一種則稱為"at-rule"。
At-rule以"@"作為要害字,放在元素的最前面,at-rule通常用來(lái)對(duì)媒體(Media)的聲明,并且假如對(duì)同一個(gè)at-rule進(jìn)行聲明,那么只有位置靠前的會(huì)起到作用,如:
@import "subs.css"
H1 {color:blue}
@import "list.css"
后一個(gè)At-Rule無(wú)效。
而rule set就象我們前面看到的樣子了,它由幾個(gè)部分組成,其中包括選擇器、屬性和屬性值。一般的書寫是這樣的:
Selector1 {property1:value1; property2:value2;……}
Selector2 {……}
其中剛才例子中的"P"代表段落標(biāo)記元素,為選擇器,"{}"為一個(gè)塊(Block),表示對(duì)標(biāo)記屬性的聲明(Declaration),有多個(gè)屬性的時(shí)候使用";"隔開,屬性在樣式單中的一般表示方法是前面是一類屬性的名稱,后面是具體屬性的名稱,中間用"-"隔開,而在腳本中使用屬性的時(shí)候,則把"-"去掉,并把第二部分的開頭字母大寫。屬性值的表示可以使用10進(jìn)制,16進(jìn)制數(shù)值(如#FFFFFF),百分?jǐn)?shù)(如100%),字符串,URL(如url(http://www.xmlasp.net))和RGB(如rgb(255,255,255))等多種方式表示。下面我將對(duì)其中的重點(diǎn)部分進(jìn)行更具體的解釋。
- MAC錯(cuò)誤的解決方法
- 如何屏蔽動(dòng)易后臺(tái)導(dǎo)航里的某個(gè)功能菜單?
- 動(dòng)易.NET版本留言自動(dòng)選定欄目方法
- 動(dòng)易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點(diǎn)ID標(biāo)簽
- 如何開啟SiteWeaver6.8的支持,反對(duì)功能
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之四----動(dòng)易系統(tǒng)安裝篇
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之三----數(shù)據(jù)庫(kù)篇
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫(kù)修復(fù),SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動(dòng)易.net程序權(quán)限配置
- 為什么提示對(duì)Windows系統(tǒng)文件夾下的Temp目錄沒有訪問(wèn)權(quán)限?
動(dòng)易Cms教程教程Rss訂閱Cms教程搜索
動(dòng)易Cms教程推薦
- 欄目和專題設(shè)置里的“自設(shè)內(nèi)容”有什么用?
- XP系統(tǒng)中出現(xiàn)數(shù)據(jù)庫(kù)或?qū)ο鬄橹蛔x的解決方法
- 阿江的WINDOWS服務(wù)器安全設(shè)置
- 怎樣設(shè)置添加信息時(shí)編輯器模式默認(rèn)為高級(jí)模式
- 動(dòng)易2007安裝方法,以及常見錯(cuò)誤解決方法
- 解決flash幻燈片效果在AC與SQL版通用問(wèn)題
- 背景更換顏色插件(保護(hù)視力色)
- 首頁(yè)增加一個(gè)圖片分頁(yè)標(biāo)簽
- 解析BizIdea_2.x標(biāo)準(zhǔn)版-2.5.1標(biāo)準(zhǔn)版升級(jí)步驟
- 《動(dòng)易網(wǎng)站管理系統(tǒng)》2005版標(biāo)簽更改說(shuō)明
- 相關(guān)鏈接:
- 教程說(shuō)明:
動(dòng)易Cms教程-CSS手冊(cè)簡(jiǎn)編(2)
。