版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、要想在瀏覽器中顯示出預(yù)期的CSS樣式表效果,就要讓瀏覽器識別并正確調(diào)用CSS。當(dāng)瀏覽器讀取樣式表時(shí),要依照文本格式來讀,這里介紹四種在頁面中插入在頁面中插入CSSCSS樣式表的方法樣式表的方法:鏈入外部樣式表、內(nèi)部樣式表、導(dǎo)入外表樣式表和內(nèi)嵌樣式。并特別講解多重樣式表的疊加的運(yùn)用以及如何在xml中插入CSS。1.1.鏈入外部樣式表鏈入外部樣式表鏈入外部樣式表是把樣式表保存為一個(gè)樣式表文件,然后在頁面中用標(biāo)記鏈接到這個(gè)樣式表文件,這個(gè)標(biāo)記
2、必須放到頁面的區(qū)內(nèi),如下:…………上面這個(gè)例子表示瀏覽器從mystyle.css文件中以文檔格式讀出定義的樣式表。rel=”stylesheet”是指在頁面中使用這個(gè)外部的樣式表。type=”textcss”是指文件的類型是樣式表文本。href=”mystyle.css”是文件所在的位置。media是選擇媒體類型,這些媒體包括:屏幕,紙張,語音合成設(shè)備,盲文閱讀設(shè)備等。一個(gè)外部樣式表文件可以應(yīng)用于多個(gè)頁面。當(dāng)你改變這個(gè)樣式表文件時(shí),所有
3、頁面的樣式都隨之而改變。在制作大量相同樣式頁面的網(wǎng)站時(shí),非常有用,不僅減少了重復(fù)的工作量,而且有利于以后的修改、編輯,瀏覽時(shí)也減少了重復(fù)下載代碼。樣式表文件可以用任何文本編輯器(例如:記事本)打開并編輯,一般樣式表文件擴(kuò)展名為.css。內(nèi)容是定義的樣式表,不包含HTML標(biāo)記,mystyle.css這個(gè)文件的內(nèi)容如下:hrcol:siennapmarginleft:20pxbodybackgroundimage:url(“imagesba
4、ck40.gif“)定義水平線的顏色為土黃;段落左邊的空白邊距為20象素;頁面的背景圖片為images目錄下的back40.gif文件……例中@impt“mystyle.css”表示導(dǎo)入mystyle.css樣式表,注意使用時(shí)外部樣式表的路徑。方法和鏈入樣式表的方法很相似,但導(dǎo)入外部樣式表輸入方式更有優(yōu)勢。實(shí)質(zhì)上它相當(dāng)于存在內(nèi)部樣式表中的。注意:注意:導(dǎo)入外部樣式表必須在樣式表的開始部分,在其他內(nèi)部樣式表上面。4.4.內(nèi)嵌樣式內(nèi)嵌樣式內(nèi)
5、嵌樣式是混合在HTML標(biāo)記里使用的,用這種方法,可以很簡單的對某個(gè)元素單獨(dú)定義樣式。內(nèi)嵌樣式的使用是直接將在HTML標(biāo)記里加入style參數(shù)。而style參數(shù)的內(nèi)容就是CSS的屬性和值,如下例:這是一個(gè)段落在stylestyle參數(shù)后面的引號里的內(nèi)容相當(dāng)于在樣式表大括號里的內(nèi)容。參數(shù)后面的引號里的內(nèi)容相當(dāng)于在樣式表大括號里的內(nèi)容。注意:注意:style參數(shù)可以應(yīng)用于任意BODY內(nèi)的元素(包括BODY本身),除了BASEFONT、PARA
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 級聯(lián)樣式表
- blog的樣式表命名
- 樣式表能為我們做什么
- 加載主題(皮膚、樣式表)的多種方式
- css樣式表鏈接
- 疊層樣式表達(dá)式
- 網(wǎng)頁樣式經(jīng)典
- css樣式表類型、背景、區(qū)塊、方框、邊框、列表、定位和擴(kuò)展項(xiàng)
- CSS_網(wǎng)頁樣式大全.doc
- css常用的網(wǎng)頁布局樣式屬性
- 網(wǎng)頁制作中的樣式的使用
- ch08-應(yīng)用css樣式美化網(wǎng)頁
- 在網(wǎng)頁中插入滾動文字公開課教案
- 概述插入排序 (直接插入、折半插入、表插入排序、希爾排序
- 淺談技校css+div網(wǎng)頁樣式與布局課程教學(xué)
- [學(xué)習(xí)]網(wǎng)頁設(shè)計(jì)與制作_第四章css樣式
- 電梯自查記錄表(樣式)
- 物料表物料版面樣式
- 順序表的插入、刪除、查找
- 干部任免審批表樣式
評論
0/150
提交評論