《網頁設計》課件-3-4CSS的繼承與層疊_第1頁
《網頁設計》課件-3-4CSS的繼承與層疊_第2頁
《網頁設計》課件-3-4CSS的繼承與層疊_第3頁
《網頁設計》課件-3-4CSS的繼承與層疊_第4頁
《網頁設計》課件-3-4CSS的繼承與層疊_第5頁
已閱讀5頁，還剩3頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

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

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

溫馨提示

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

評論

0/150

提交評論