css技術(shù)在xml中的應(yīng)用_第1頁(yè)
css技術(shù)在xml中的應(yīng)用_第2頁(yè)
css技術(shù)在xml中的應(yīng)用_第3頁(yè)
css技術(shù)在xml中的應(yīng)用_第4頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

css技術(shù)在xml中的應(yīng)用

中文圖像（cacadingsystem）被稱為層次化表。使用js可以擴(kuò)展web功能，用戶可以重復(fù)使用xml元素的顯示方法。CSS所能改變的性質(zhì)有字體、文字間的空間、列表、顏色、背景、Margin、位置等。CSS可以將顯示格式和內(nèi)容分離、靈活控制頁(yè)面布局、簡(jiǎn)化網(wǎng)頁(yè)的格式代碼、加快下載顯示的速度,也減少了需要上傳的代碼數(shù)量和重復(fù)勞動(dòng)。CSS現(xiàn)已為大多數(shù)瀏覽器所支持,成為網(wǎng)頁(yè)設(shè)計(jì)必不可少的工具之一。1增強(qiáng)了多媒體技術(shù)的應(yīng)用,使網(wǎng)頁(yè)表面運(yùn)行靈活CSS是一種格式化網(wǎng)頁(yè)的便捷技術(shù),應(yīng)用在網(wǎng)頁(yè)設(shè)計(jì)中,易于精確控制網(wǎng)頁(yè)布局、提高代碼重用率簡(jiǎn)化HTML中的各種繁瑣標(biāo)記、提高網(wǎng)頁(yè)傳輸速率、便于網(wǎng)頁(yè)的更新與維護(hù)。CSS擴(kuò)充了HTML各標(biāo)記的屬性設(shè)定(即樣式),而且CSS樣式可通過Script程序來控制,這樣便可以有效地對(duì)網(wǎng)頁(yè)的外觀和布局進(jìn)行更精確的控制,從而使網(wǎng)頁(yè)的表現(xiàn)方式更加靈活和美觀。引入CSS的主要目的在于將網(wǎng)頁(yè)要顯示的內(nèi)容與樣式設(shè)定分開,也就是將網(wǎng)頁(yè)的外觀設(shè)定信息從網(wǎng)頁(yè)內(nèi)容中獨(dú)立出來,并集中管理。網(wǎng)頁(yè)的樣式設(shè)定和內(nèi)容分離的好處除了可集中管理外,如果進(jìn)一步將CSS樣式信息存成獨(dú)立的文件,只需修改一個(gè)樣式表文件就能改變多個(gè)網(wǎng)頁(yè)的外觀和格式,這樣可省卻在每一個(gè)網(wǎng)頁(yè)文件中重復(fù)設(shè)定的麻煩。2生成文本優(yōu)勢(shì)文檔結(jié)構(gòu)和樣式的混合一直是HTML的一大缺陷,HTML中的每一個(gè)樣式都可以在標(biāo)簽內(nèi)直接用“屬性名=屬性值”的方法設(shè)置樣式,如<ultype=square>。CSS樣式與HTML樣式相比功能強(qiáng)大得多,具有以下兩個(gè)突出的優(yōu)點(diǎn):(1)CSS樣式提供比HTML樣式更多的文字屬性控制,可以控制所有文字的屬性。(2)可以套用到多個(gè)網(wǎng)頁(yè),甚至整個(gè)網(wǎng)站的網(wǎng)頁(yè)上。當(dāng)CSS樣式更新或修改時(shí),所有使用該樣式表的文檔格式也會(huì)自動(dòng)更新。3下一步的定義為在使用樣式表之前,必須要先定義樣式。定義好的樣式可以保存成單獨(dú)的外部樣式表文件,也可以嵌入當(dāng)前網(wǎng)頁(yè)的頭部或以style屬性嵌入標(biāo)記符內(nèi)。外部樣式表文件建好后可為多個(gè)HTML文件所使用。CSS的定義格式如下:selector{pproperty:value;pproperty:value;}。其中,property就是那些將要被修改的性質(zhì)(屬性),如color;value是給property賦的值(參數(shù)),selector是樣式定義選擇符,用來指定樣式定義的對(duì)象,selector包括六種:1)HTML或XHTML標(biāo)記符如P,BODY;P{color:red;}定義所有的段落文字顏色為紅色。2)自定義ID如#author{text-align:right;font-size:9px;}。任何標(biāo)簽只要用屬性id=ID號(hào)即可引用該樣式,如<pid=“author”></p>3)自定義類名如.content{color:red;font-size:9px;}。任何標(biāo)簽只要用屬性class=類名即可引用該樣式,如<pclass=“content”></p>4)標(biāo)簽組合可以為嵌套的標(biāo)簽組合定義樣式,如tdh1{color:red}。這種定義方式只對(duì)包含在單元格內(nèi)的H1起作用,對(duì)單獨(dú)的H1不起作用。5)虛類虛類是專用于超鏈接標(biāo)記的選擇符,使用虛類可以為訪問過的、未訪問過的、激活的以及鼠標(biāo)懸停于其上的4種狀態(tài)的超鏈接定義不同的顯示樣式。如:A:link{color:blue;font-size:32px;}未被訪問過的超鏈接樣式A:visited{color:black;font-size:32px;}已訪問過的超鏈接樣式A:acive{color:yellow;font-size:32px;text-decoration:none}當(dāng)超鏈接處于選中狀態(tài)的樣式A:hover{color:red;font-size:150%;text-decoration:none}當(dāng)鼠標(biāo)懸停于超鏈接上的樣式6)并列選擇符若有多個(gè)不同的標(biāo)記符定義的樣式相同,則可以使用并列選擇符簡(jiǎn)化定義,如P,FONT,DIV{color:red}。4生成層疊樣式CSS樣式在網(wǎng)頁(yè)文檔中的三種引用方式是:外部文件方式、內(nèi)部文檔方式、直接插入方式。1)外部文件方式此方式是將CSS寫成一個(gè)文件的方式,文件的擴(kuò)展名為.CSS。在HTML文檔頭通過文件引用進(jìn)行風(fēng)格控制,CSS文件的引用是在HTML的<head></head>標(biāo)簽之間加入下列語(yǔ)句:<LinkRel=”STYLESHEET”Href=”文件名.CSS”Type=”text/css”>。應(yīng)用CSS文件的最大好處就是可以在每個(gè)HTML文件中引用這個(gè)文件,這使得整個(gè)站點(diǎn)的HTML文件在風(fēng)格上保持一致。另外,需要對(duì)整個(gè)網(wǎng)站的CSS樣式風(fēng)格進(jìn)行修改時(shí),只需直接修改CSS文件就可以,而不必每個(gè)HTML文件都修改。2)內(nèi)嵌樣式采用內(nèi)嵌樣式,將CSS樣式直接定義在文檔頭<head></head>之間,而不是形成文件。樣式使用范圍也僅限于本網(wǎng)頁(yè)。<styletype=“text/css”>.11{letter-spacing:3px;text-align:left;word-spacing:3pt;white-space:normal;}</style>應(yīng)用CSS內(nèi)嵌樣式的主要用處是:在使用CSS外部文件樣式使整個(gè)網(wǎng)站風(fēng)格統(tǒng)一的前提下,可針對(duì)具體頁(yè)面進(jìn)行具體調(diào)整。CSS內(nèi)嵌樣式與CSS外部文件方式并不相互排斥,而是相互補(bǔ)充。比如在CSS外部文件中定義了P標(biāo)簽的字體顏色font-color為blue,在文檔頭部可具體定義該標(biāo)簽的字體顏色font-color為green,而在內(nèi)部文檔中可再次具體定義其字體顏色為red。套用樣式時(shí)使用就近原則,這就是“層疊樣式表”的真正含義。3)直接插入式直接插入式,只需要在每個(gè)HTML標(biāo)簽后書寫CSS屬性就可以了。這種方式很簡(jiǎn)單、很直接。例如<pstyle=”color:red;font-size:10pt”>.直接插入式主要用于對(duì)具體的標(biāo)簽做具體的調(diào)整,其作用的范圍只限于本標(biāo)簽。5復(fù)合濾鏡的實(shí)現(xiàn)CSS樣式可以通過編寫代碼方式設(shè)置,也可以通過Dreamweaver或Visualstudio2005的樣式生成器,利用可視化界面設(shè)置樣式。1)CSS文本效果以上代碼定義了字體加粗,傾斜,字體為楷體GB2312,文本對(duì)齊方式為居中,背景圖background.jpg,效果如圖1所示。2)CSS圖片CSS樣式還可通過腳本程序來控制,本例將CSS濾鏡的wave屬性作用于圖片22.jpg,使其完成圖片的倒影效果。代碼如下,效果如圖2所示。3)滾動(dòng)條效果通過css可以實(shí)現(xiàn)彩色滾動(dòng)條,以下代碼效果如圖3所示。4)濾鏡特效CSS濾鏡是CSS的擴(kuò)展部分,使用這種技術(shù)能把可視化的濾鏡和轉(zhuǎn)換效果添加到一個(gè)標(biāo)準(zhǔn)的HTML元素上。濾鏡是通過“filter”樣式表單屬性來對(duì)HTML產(chǎn)生作用的。定義濾鏡樣式的語(yǔ)法是filter:f

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論