CSS手冊簡編(2)_動易Cms教程
· 外部式樣式單:是一種保存在外部的樣式單文件,外部文件以.CSS為擴展名,例如"<link rel=stylesheet href="main-sheet.css" type="text/css">"。
在應用時可以根據需要隨意運用以上三種方式,但在實際中內聯式樣式單和嵌入式樣式單使用得更多一些。
三、樣式單的語法特征
樣式單有自己獨特的書寫方法,把握了它的語法特征,再了解它的各種屬性,那么你會發現在Web頁面中運用樣式單會是多么輕松。例如有一個最簡單的HTML文檔:
<html>
<body>
<p>Text goes here…<p>
</body>
</html>
我們可以用嵌入式樣式單規定樣式。
<html>
<style>
<!--
p {color:red; font-weight : bold}
- ->
</style>
<body>
<p>這里顯示紅色字</p>
</bdoy>
</html>
可以看到,在這個文檔里,多了"Style"標記,之間用<!-- ……… - ->注釋,以防止不能識別樣式單的低版本瀏覽器把樣式單當作內容顯示出來,然后是要害的一句:
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"代表段落標記元素,為選擇器,"{}"為一個塊(Block),表示對標記屬性的聲明(Declaration),有多個屬性的時候使用";"隔開,屬性在樣式單中的一般表示方法是前面是一類屬性的名稱,后面是具體屬性的名稱,中間用"-"隔開,而在腳本中使用屬性的時候,則把"-"去掉,并把第二部分的開頭字母大寫。屬性值的表示可以使用10進制,16進制數值(如#FFFFFF),百分數(如100%),字符串,URL(如url(http://www.xmlasp.net))和RGB(如rgb(255,255,255))等多種方式表示。下面我將對其中的重點部分進行更具體的解釋。
- MAC錯誤的解決方法
- 如何屏蔽動易后臺導航里的某個功能菜單?
- 動易.NET版本留言自動選定欄目方法
- 動易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節點ID標簽
- 如何開啟SiteWeaver6.8的支持,反對功能
- Windows 2008安裝動易.NET系統之四----動易系統安裝篇
- Windows 2008安裝動易.NET系統之三----數據庫篇
- Windows 2008安裝動易.NET系統之二----IIS、目錄環境配置篇
- 數據庫修復,SQL Server 2005內部操作不一致的處理
- 如何安裝動易.net程序權限配置
- 為什么提示對Windows系統文件夾下的Temp目錄沒有訪問權限?
- 相關鏈接:
- 教程說明:
動易Cms教程-CSS手冊簡編(2)
。