CSS手冊簡編_動易Cms教程
總 論
自W3C(The World Wide Web Consortium)制定了代號為Cougar的HTML的4.0版本以來,存在在Web頁面中的動態(tài)效果首次被正式的承認(rèn)了,W3C把動態(tài)超文本(Dynamic HTML)的實現(xiàn)分為了三個部分:腳本、支持動態(tài)效果的瀏覽器和CSS。前兩者也許你經(jīng)常用到,但CSS是什么或許你并不清楚,假如有過制作Web頁面的經(jīng)歷,你可能聽說過樣式單或風(fēng)格單,假如對此你亦無耳聞,不要緊,只要你想制作出具有更多新特性的Web頁,本文將同樣適合于你。(請使用IE4或IE5對CSS手冊中的屬性實例進行驗證)
一、什么是CSS?
CSS是Cascading Style Sheet的縮寫,有些書上把它譯為"層疊樣式單"或"級聯(lián)樣式單"(下文簡稱"樣式單"),在1997年W3C頒布HTML4標(biāo)準(zhǔn)的同時也公布了有關(guān)樣式單的第一個標(biāo)準(zhǔn)CSS1。樣式單是對以前的HTML(3.2以前的HTML版本)語法的一次重大革新,以前的HTML版本中,各種功能的實現(xiàn)是通過標(biāo)記元素實現(xiàn)的,這也造成了各個瀏覽器廠商為了標(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)不是!前面說過樣式單是DHTML的一部分,建立樣式單的真正意義在于把對象真正引入了HTML,使得可以使用腳本程序(如javascript、VBScript)調(diào)用對象屬性,并且可以改變對象屬性,達(dá)到動態(tài)的目的,這在以前的HTML中是無法實現(xiàn)的,假如你使用過如VB等面向?qū)ο蟮?a href="http://hl5o.cn/biancheng/" title="編程" target="_blank">編程工具,你會更快的發(fā)現(xiàn),用樣式單做DHTML是多么輕易。樣式單的另一項貢獻(xiàn)是簡化了HTML中各種繁瑣的標(biāo)記,使得各個標(biāo)記的屬性更具有一般性和通用性,并且樣式單擴展了原先的標(biāo)記功能,能夠?qū)崿F(xiàn)更多的效果,樣式單甚至超越了Web頁面的本身顯示功能,而把樣式擴展到多種媒體上,顯示了難以抗拒的魅力。
樣式單自從CSS1的版本之后,又在1998年5月發(fā)布了CSS2版本,樣式單得到了更多的充實。Internet Explorer4和Netscape Navigator4都宣傳支持樣式單,但從各方面來看IE4的效果都要超過NE4,這是因為IE4和NE4的javascript文檔模型(DOM)不同而造成的,從表面看,二者的模型區(qū)別不大,但實質(zhì)上卻是大相徑庭,IE4的模型能夠更加輕易的把動態(tài)效果引入Web頁面,雖然現(xiàn)在IE4的模型只有微軟自己支持,但它卻已被清楚的寫入了W3C的DHTML標(biāo)準(zhǔn);而NE4的樣式單并不能通過腳本調(diào)用對象的屬性,說的不好聽一點,它的樣式單只是徒有其表罷了。(Netscape公司自己開發(fā)了一種樣式單稱作JSSS,它利用javascript來定義樣式,但是并沒有得到W3C的承認(rèn)。)
二、進一步了解樣式單
Cascading Style Sheet中的Cascading是"層疊"的意思,也就是說在同一個Web文檔中可以有多個樣式單存在,這些樣式單根據(jù)所在的位置,擁有不同的優(yōu)先級,優(yōu)先級越高,就會被最后在顯示時采用。從樣式單插入的形式來看可以分為三種:
· 內(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>",這樣會對頁面中所有<p>標(biāo)記都起作用。
- 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)限?
動易Cms教程教程Rss訂閱Cms教程搜索
動易Cms教程推薦
- 欄目和專題設(shè)置里的“自設(shè)內(nèi)容”有什么用?
- XP系統(tǒng)中出現(xiàn)數(shù)據(jù)庫或?qū)ο鬄橹蛔x的解決方法
- 阿江的WINDOWS服務(wù)器安全設(shè)置
- 怎樣設(shè)置添加信息時編輯器模式默認(rèn)為高級模式
- 動易2007安裝方法,以及常見錯誤解決方法
- 解決flash幻燈片效果在AC與SQL版通用問題
- 背景更換顏色插件(保護視力色)
- 首頁增加一個圖片分頁標(biāo)簽
- 解析BizIdea_2.x標(biāo)準(zhǔn)版-2.5.1標(biāo)準(zhǔn)版升級步驟
- 《動易網(wǎng)站管理系統(tǒng)》2005版標(biāo)簽更改說明
- 相關(guān)鏈接:
- 教程說明:
動易Cms教程-CSS手冊簡編
。