煙臺網站建設 > 技術/新聞 > 網站建設 > > css樣式繼承+css樣式重設

css樣式繼承+css樣式重設

Mar 06 , 21:07:02煙臺網站建設 www.pizr.icu

css樣式繼承
    在一個HTML網頁中,開發人員可以使用Css樣式來設置網頁中每個標簽的顯示樣式。但若梅個出現在網頁上的顯示樣式都需要人工去做設置的話,這對于開發人員來說將會是一場災難。因此,為了減少開發人員的負擔,在CSS定義中加入了樣式繼承的機制。
    這個CSS中定義的樣式繼承機制,可以使用DOM對象樹來幫助理解與記憶,如圖2-1所示。在DOM對象樹中,每個對象都會有父對象、子對象這樣的角色定位,而樣式繼承就是在這父子對象的角色之中,定義了子對象顯示樣式的內容,默認會跟父對象顯示樣式的內容一樣。通過這樣的繼承機制,開發人員只需要在最上層的父對象設置某個顯示樣式的內容,瀏覽器就會自動將所有子對象的顯示樣式設置為一樣。這樣一來,開發人員就不用為每個出現在網頁上的顯示樣式都人工去做設置,能有效減輕開發人員的負擔。
    上面范例的內容,包含了HTML網頁以及網頁分析成的DOM對象樹。可以看到在網頁中包含了div標簽和span標簽和這兩個標簽在DOM對象樹中屬于父子對象的關系。屬于父對象的div標簽使用style標簽屬性,定義使用的字體顏色為紅色,子對象則沒有定義字體顏色。然而,觀察范例的運行結果可以發現,屬于子對象的span標簽雖然沒有定義字體顏色,但是依然使用紅色來顯示標簽的內容.形成這種運行結果的機制就是本節所介紹的“樣式繼承”。
    上面范例的內容,同樣是采用一個父子對象的div標簽、span標簽,來做樣式繼承的說明。在這個范例中,在父對象的div標簽中使用style標簽屬性定義了紅色邊框,而子對象沒有定義邊框樣式。觀察范例的運行結果可以發現,只有div標簽有紅色邊框,而子對象沒有邊框,這看起來并不符合樣式繼承的規則。
    會形成這樣的運行結果,其原因主要是:在W3C的定義中是以侮個顯示樣式為單位,來定義顯示樣式是否可以被繼承。也就是說,不是父對象的每個顯示樣式都可以被子對象所繼承,必須是W3C所定義的能夠被繼承的顯示樣式才可以被繼承。范例中的邊框樣式就屬于在W3C中定義為不可繼承的樣式。開發人員在使用樣式繼承時,如果發現某些顯示樣式無法繼承時,大多是因為這些顯示樣式是屬于不可繼承的顯示樣式。
css樣式重設
    用戶界面類型標簽所對應的控件,瀏覽器都有一組預設的顯示樣式,這組預設顯示樣式在W3C的定義內有明確規范每個顯示樣式的默認值。但不同瀏覽器在運行W3C所定義的規則時,因為種種不同的考慮,每個瀏覽器最終都會有細微的差異。這造成了開發人員所編寫的網頁,在不同瀏覽器之間運行的結果會在一些細微的地方有顯示樣式上的差異。
    煙臺網站建設為了處理這個瀏覽器上預設顯示樣式的差異問題,Eric A. Meyer這位CSS大師提出了解決方案:既然每家瀏覽器顯示樣式的默認值都不同,那就寫個CSS樣式表,在網頁運行時,先把所有的顯示樣式重新設置為一樣。通過這樣的方式,就能人為地提供一個統一的初始化環境,讓開發人員減少編寫CSS樣式表時的負擔,這樣的解決方案稱為“Reset CSS"。
    下面的CSS樣式表,就是Eric A. Meyer依照Reset CSS的思維模式所創建出來的樣式表。開發人員只要在網頁上的所有CSS樣式表之前,掛載這個重設CSS樣式的樣式表,就可以獲得一個統一的開發環境。各大瀏覽器經過這樣的初始化設置后,就能解決大部分預設顯示樣式差異的問題。
 

上一篇:CSS樣式煙臺網站制作 丨丨丨下一篇:沒有了

ABOUT US

煙臺景明網絡科技有限公司是中國網絡技術服務新生代的杰出代表。
煙臺大學畢業生創辦于2006年,前身為阿里巴巴及百度煙臺地區服務商。
技術團隊由頂級網絡工程師與行業知名設計師組成,立足煙臺,服務全國。

Contact information

手機:18253532326
Q Q:1211515810

網址:www.pizr.icu
地址:煙臺市大學生創業園(高新區航天路101號)

申請友鏈QQ:1211515810
  • 友情鏈接
  • 合作伙伴
煙臺網站建設的logo

魯ICP備14032136號

聲 明: 本站圖文素材均來源于網絡。互聯環境貴在共享,版權歸原作者及原出處,不代表本站附和其觀念及不承擔真實性責任。如涉及版權等問題,請及時與我們聯絡。

捕鱼大师单机版
龙虎一般打机器人怎么打 吉林时时快三 北京pk10官网开奖视频 老重庆时时下载 北京pk赛车网址 内蒙古时时昨天开奖号码 安徽快三预测软件 快速时时是官方吗 骰子单双玩法规则 2018最新版抢庄牌九 快乐飞艇单期计划软件 重庆时时彩走势 时时彩精准计划软件手机 玩龙虎赢了两千 重庆时时开奖官网 浙江11选5胆拖投注表