CSS手冊(cè)簡(jiǎn)編_動(dòng)易Cms教程
總 論
自W3C(The World Wide Web Consortium)制定了代號(hào)為Cougar的HTML的4.0版本以來(lái),存在在Web頁(yè)面中的動(dòng)態(tài)效果首次被正式的承認(rèn)了,W3C把動(dòng)態(tài)超文本(Dynamic HTML)的實(shí)現(xiàn)分為了三個(gè)部分:腳本、支持動(dòng)態(tài)效果的瀏覽器和CSS。前兩者也許你經(jīng)常用到,但CSS是什么或許你并不清楚,假如有過(guò)制作Web頁(yè)面的經(jīng)歷,你可能聽(tīng)說(shuō)過(guò)樣式單或風(fēng)格單,假如對(duì)此你亦無(wú)耳聞,不要緊,只要你想制作出具有更多新特性的Web頁(yè),本文將同樣適合于你。(請(qǐng)使用IE4或IE5對(duì)CSS手冊(cè)中的屬性實(shí)例進(jìn)行驗(yàn)證)
一、什么是CSS?
CSS是Cascading Style Sheet的縮寫(xiě),有些書(shū)上把它譯為"層疊樣式單"或"級(jí)聯(lián)樣式單"(下文簡(jiǎn)稱(chēng)"樣式單"),在1997年W3C頒布HTML4標(biāo)準(zhǔn)的同時(shí)也公布了有關(guān)樣式單的第一個(gè)標(biāo)準(zhǔn)CSS1。樣式單是對(duì)以前的HTML(3.2以前的HTML版本)語(yǔ)法的一次重大革新,以前的HTML版本中,各種功能的實(shí)現(xiàn)是通過(guò)標(biāo)記元素實(shí)現(xiàn)的,這也造成了各個(gè)瀏覽器廠商為了標(biāo)新立意創(chuàng)建各種只有自家支持的標(biāo)記,各種標(biāo)記互相嵌套,就可以達(dá)到不同的效果,比如要在一段文字中把一部分文字變成紅色,HTML3.2中應(yīng)該是這樣的:
<p><font color=red>這里顯示紅色字</font></p>
而在樣式單中,把某些標(biāo)記(如上例中的"font"標(biāo)記)屬性化,利用樣式單,上例可以變成:
<p style="color:red">這里顯示紅色字</p>
這就是樣式單的全部功能嗎?遠(yuǎn)遠(yuǎn)不是!前面說(shuō)過(guò)樣式單是DHTML的一部分,建立樣式單的真正意義在于把對(duì)象真正引入了HTML,使得可以使用腳本程序(如javascript、VBScript)調(diào)用對(duì)象屬性,并且可以改變對(duì)象屬性,達(dá)到動(dòng)態(tài)的目的,這在以前的HTML中是無(wú)法實(shí)現(xiàn)的,假如你使用過(guò)如VB等面向?qū)ο蟮?a href="http://www.hl5o.cn/biancheng/" title="編程" target="_blank">編程工具,你會(huì)更快的發(fā)現(xiàn),用樣式單做DHTML是多么輕易。樣式單的另一項(xiàng)貢獻(xiàn)是簡(jiǎn)化了HTML中各種繁瑣的標(biāo)記,使得各個(gè)標(biāo)記的屬性更具有一般性和通用性,并且樣式單擴(kuò)展了原先的標(biāo)記功能,能夠?qū)崿F(xiàn)更多的效果,樣式單甚至超越了Web頁(yè)面的本身顯示功能,而把樣式擴(kuò)展到多種媒體上,顯示了難以抗拒的魅力。
樣式單自從CSS1的版本之后,又在1998年5月發(fā)布了CSS2版本,樣式單得到了更多的充實(shí)。Internet Explorer4和Netscape Navigator4都宣傳支持樣式單,但從各方面來(lái)看IE4的效果都要超過(guò)NE4,這是因?yàn)镮E4和NE4的javascript文檔模型(DOM)不同而造成的,從表面看,二者的模型區(qū)別不大,但實(shí)質(zhì)上卻是大相徑庭,IE4的模型能夠更加輕易的把動(dòng)態(tài)效果引入Web頁(yè)面,雖然現(xiàn)在IE4的模型只有微軟自己支持,但它卻已被清楚的寫(xiě)入了W3C的DHTML標(biāo)準(zhǔn);而NE4的樣式單并不能通過(guò)腳本調(diào)用對(duì)象的屬性,說(shuō)的不好聽(tīng)一點(diǎn),它的樣式單只是徒有其表罷了。(Netscape公司自己開(kāi)發(fā)了一種樣式單稱(chēng)作JSSS,它利用javascript來(lái)定義樣式,但是并沒(méi)有得到W3C的承認(rèn)。)
二、進(jìn)一步了解樣式單
Cascading Style Sheet中的Cascading是"層疊"的意思,也就是說(shuō)在同一個(gè)Web文檔中可以有多個(gè)樣式單存在,這些樣式單根據(jù)所在的位置,擁有不同的優(yōu)先級(jí),優(yōu)先級(jí)越高,就會(huì)被最后在顯示時(shí)采用。從樣式單插入的形式來(lái)看可以分為三種:
· 內(nèi)聯(lián)式樣式單:它利于現(xiàn)有的HTML標(biāo)記,把非凡的樣式加入到那些由標(biāo)記控制的信息中,比如剛才的例子。
· 嵌入式樣式單:它和javascript一樣可以嵌入到HTML文件的頭部中去(<html>和<body>標(biāo)記之間),使用<Style>和</Style>容器裝載,例如:"<style> p {color : red ; font-weight : bold} </style>",這樣會(huì)對(duì)頁(yè)面中所有<p>標(biāo)記都起作用。
- 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)簽
- 如何開(kāi)啟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目錄沒(méi)有訪問(wèn)權(quán)限?
動(dòng)易Cms教程教程Rss訂閱Cms教程搜索
動(dòng)易Cms教程推薦
- 欄目和專(zhuān)題設(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安裝方法,以及常見(jiàn)錯(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)編
。