《網(wǎng)頁設(shè)計(jì)》課件-3-4CSS的繼承與層疊_第1頁
《網(wǎng)頁設(shè)計(jì)》課件-3-4CSS的繼承與層疊_第2頁
《網(wǎng)頁設(shè)計(jì)》課件-3-4CSS的繼承與層疊_第3頁
《網(wǎng)頁設(shè)計(jì)》課件-3-4CSS的繼承與層疊_第4頁
《網(wǎng)頁設(shè)計(jì)》課件-3-4CSS的繼承與層疊_第5頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

CSS的繼承與層疊目錄◎CSS的繼承性◎

CSS的層疊性例如：body{color:red;font-size:20pt;}HTML結(jié)構(gòu)文檔：<body>好好學(xué)習(xí)<p>天天向上</p></body>那么在頁面顯示時(shí)，body標(biāo)簽定義文本的顏色為紅色，文字大小為20pt，段落<p>標(biāo)簽雖然沒有定義樣式，但是里面的文字會(huì)繼承body的樣式，最終顯示為紅色，大小為20pt。這就是CSS的繼承性。1CSS的繼承性CSS的繼承性是被包含的子元素將擁有外層元素的某些樣式。1CSS的繼承性注意：實(shí)際開發(fā)中，通常會(huì)對使用較多的字體、文本屬性等網(wǎng)頁中通用的樣式可以使用繼承。所以會(huì)在body元素中統(tǒng)一設(shè)置字體、字號(hào)、顏色、行距等樣式。并不是所有的屬性都可以繼承，對于元素的布局屬性、盒模型屬性都不能繼承。例如：背景屬性、邊框?qū)傩?、外邊距屬性、?nèi)邊距屬性、定位屬性、布局屬性、元素寬高屬性。例如：<style>body{color:red;font-size:30pt;}p{text-decoration:underline;}span{color:blue;}</style>HTML結(jié)構(gòu)文檔：<body><p>好好學(xué)習(xí)<span>天天向上</span></p></body>2CSS的層疊性CSS的層疊性是指多種CSS樣式的疊加。權(quán)值計(jì)算法繼承樣式的權(quán)重=0分標(biāo)簽選擇器=1分偽元素或偽對象選擇器=1分類選擇器=10分屬性選擇器=10分ID選擇器=100分行內(nèi)樣式的權(quán)值最高1000分!important的權(quán)值是無窮大處理層疊關(guān)系的使用優(yōu)先級別來判斷.1.當(dāng)行內(nèi)樣式、內(nèi)部樣式和鏈接樣式同時(shí)應(yīng)用于同一個(gè)元素，就是使用多重樣式的情況，依據(jù)他們的權(quán)重來判斷。優(yōu)先級如下：鏈接樣式<內(nèi)部樣式<行內(nèi)樣式。舉例演示【實(shí)例4

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論