日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

CSS手冊(cè)簡(jiǎn)編(2)_動(dòng)易Cms教程

編輯Tag賺U幣
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!

· 外部式樣式單:是一種保存在外部的樣式單文件,外部文件以.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)行更具體的解釋。

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一頁(yè)

查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板

共2頁(yè)上一頁(yè)12下一頁(yè)
來(lái)源:模板無(wú)憂//所屬分類:動(dòng)易Cms教程/更新時(shí)間:2005-04-23
相關(guān)動(dòng)易Cms教程