CSS手冊簡編(2)_動易Cms教程
· 外部式樣式單:是一種保存在外部的樣式單文件,外部文件以.CSS為擴展名,例如"<link rel=stylesheet href="main-sheet.css" type="text/css">"。
在應(yīng)用時可以根據(jù)需要隨意運用以上三種方式,但在實際中內(nèi)聯(lián)式樣式單和嵌入式樣式單使用得更多一些。
三、樣式單的語法特征
樣式單有自己獨特的書寫方法,把握了它的語法特征,再了解它的各種屬性,那么你會發(fā)現(xiàn)在Web頁面中運用樣式單會是多么輕松。例如有一個最簡單的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>
可以看到,在這個文檔里,多了"Style"標(biāo)記,之間用<!-- ……… - ->注釋,以防止不能識別樣式單的低版本瀏覽器把樣式單當(dāng)作內(nèi)容顯示出來,然后是要害的一句:
p {color:red;font-weight : bold }
這整行稱為一個聲明(Statement),在樣式單中,聲明分為兩種,一種是象這樣的,叫做"rule set",另一種則稱為"at-rule"。
At-rule以"@"作為要害字,放在元素的最前面,at-rule通常用來對媒體(Media)的聲明,并且假如對同一個at-rule進行聲明,那么只有位置靠前的會起到作用,如:
@import "subs.css"
H1 {color:blue}
@import "list.css"
后一個At-Rule無效。
而rule set就象我們前面看到的樣子了,它由幾個部分組成,其中包括選擇器、屬性和屬性值。一般的書寫是這樣的:
Selector1 {property1:value1; property2:value2;……}
Selector2 {……}
其中剛才例子中的"P"代表段落標(biāo)記元素,為選擇器,"{}"為一個塊(Block),表示對標(biāo)記屬性的聲明(Declaration),有多個屬性的時候使用";"隔開,屬性在樣式單中的一般表示方法是前面是一類屬性的名稱,后面是具體屬性的名稱,中間用"-"隔開,而在腳本中使用屬性的時候,則把"-"去掉,并把第二部分的開頭字母大寫。屬性值的表示可以使用10進制,16進制數(shù)值(如#FFFFFF),百分數(shù)(如100%),字符串,URL(如url(http://www.xmlasp.net))和RGB(如rgb(255,255,255))等多種方式表示。下面我將對其中的重點部分進行更具體的解釋。
- MAC錯誤的解決方法
- 如何屏蔽動易后臺導(dǎo)航里的某個功能菜單?
- 動易.NET版本留言自動選定欄目方法
- 動易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點ID標(biāo)簽
- 如何開啟SiteWeaver6.8的支持,反對功能
- Windows 2008安裝動易.NET系統(tǒng)之四----動易系統(tǒng)安裝篇
- Windows 2008安裝動易.NET系統(tǒng)之三----數(shù)據(jù)庫篇
- Windows 2008安裝動易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫修復(fù),SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動易.net程序權(quán)限配置
- 為什么提示對Windows系統(tǒng)文件夾下的Temp目錄沒有訪問權(quán)限?
- 相關(guān)鏈接:
- 教程說明:
動易Cms教程-CSS手冊簡編(2)
。