網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程(HTML5+CSS3+JavaScript)(微課版)(第2版) 課件 案例6知識(shí)點(diǎn)02:CSS的高級(jí)特性_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程(HTML5+CSS3+JavaScript)(微課版)(第2版) 課件 案例6知識(shí)點(diǎn)02:CSS的高級(jí)特性_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程(HTML5+CSS3+JavaScript)(微課版)(第2版) 課件 案例6知識(shí)點(diǎn)02:CSS的高級(jí)特性_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程(HTML5+CSS3+JavaScript)(微課版)(第2版) 課件 案例6知識(shí)點(diǎn)02:CSS的高級(jí)特性_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程(HTML5+CSS3+JavaScript)(微課版)(第2版) 課件 案例6知識(shí)點(diǎn)02:CSS的高級(jí)特性_第5頁(yè)
已閱讀5頁(yè),還剩3頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

我們畢業(yè)啦其實(shí)是答辯的標(biāo)題地方CSS的高級(jí)特性CSS的高級(jí)特性是指什么呢?CSS的高級(jí)特性層疊性繼承性優(yōu)先級(jí)層疊性層疊性是指多種CSS樣式的疊加。例6-4example04.htmlCSS的高級(jí)特性這里第一行文本顯示的文字大小是18px,這是因?yàn)轭愡x擇器的優(yōu)先級(jí)高于標(biāo)記選擇器。繼承性是指書寫CSS樣式表代碼時(shí),子標(biāo)記會(huì)繼承父標(biāo)記的某些樣式,如文本顏色和字號(hào)等。例如,定義頁(yè)面主體標(biāo)記<body>的文本顏色為黑色,那么頁(yè)面中所有的文本都將顯示為黑色,這是因?yàn)槠渌麡?biāo)記都是<body>標(biāo)記的子標(biāo)記。繼承性恰當(dāng)使用繼承可以簡(jiǎn)化代碼,降低CSS樣式的復(fù)雜性。但是,如果網(wǎng)頁(yè)中的所有元素都大量繼承樣式,判斷樣式的來(lái)源就會(huì)很困難,所以對(duì)于字體、文本屬性等網(wǎng)頁(yè)中通用的樣式可以使用繼承。例如,字體、字號(hào)和顏色等可以在<body>標(biāo)記中統(tǒng)一設(shè)置,然后通過(guò)繼承影響文檔中的所有文本。CSS的高級(jí)特性并不是所有的CSS屬性都可以繼承,譬如邊框?qū)傩浴⑼膺吘鄬傩?、?nèi)邊距屬性、背景屬性、定位屬性、布局屬性、元素寬高屬性等屬性就不能繼承。繼承性當(dāng)為<body>標(biāo)記設(shè)置字號(hào)屬性時(shí),標(biāo)題文本不會(huì)采用相應(yīng)樣式,因?yàn)闃?biāo)題標(biāo)記<h1>~<h6>有默認(rèn)的字號(hào)樣式。注意CSS的高級(jí)特性定義CSS樣式時(shí),經(jīng)常出現(xiàn)兩個(gè)或更多規(guī)則應(yīng)用在同一元素上的情形,這時(shí)就會(huì)出現(xiàn)優(yōu)先級(jí)問(wèn)題。優(yōu)先級(jí)通常,對(duì)同一個(gè)元素應(yīng)用選擇器樣式的優(yōu)先級(jí)是ID選擇器>類選擇器>標(biāo)記選擇器。CSS的高級(jí)特性優(yōu)先級(jí)例

6-5example05.html說(shuō)明:若對(duì)同一個(gè)元素在行內(nèi)式中、內(nèi)部樣式表中或在外部樣式表中定義了相同的選擇器的樣式,則此時(shí)的優(yōu)先級(jí)為行內(nèi)式>內(nèi)部樣式表>外部樣式表,也就是越接近目標(biāo)元素的樣式優(yōu)先級(jí)越高,

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝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ù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 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)論