您現在的位置是:電腦技術吧?>? 基礎知識 ??>??定中關系舉例,中調舉例??>??正文詳情

定中關系舉例,中調舉例

寸茂學2019-11-24 15:51:02 人圍觀
簡介舉例說明中舉的意思CSS繼承由使用的樣式屬性定義。換句話說,當您查看CSS屬性background color時,您將看到一列“inheritance”。您可能不關心它,但是它非定中

CSS的繼承是由所使用的樣式屬性定義的。

換句話說,當你查看CSS屬性backgruound-color,你會看到一欄「繼承性」,也許你幾乎沒有在意過它,但是它還是十分有用的。

  什么是CSS繼承  每一個元素都是文檔樹的一部分,除了最頂級的HTML元素,每個元素都有其對應的父級元素,每一個父級元素的CSS屬性值都可以被應用到它的子元素中去。

  舉個栗子,H1標簽包含著一個EM標簽:

  EM就是H1標簽的子元素,任何H1中繼承的CSS屬性值會自動在EM標簽中生效,比如:  CSS Code復制內容到剪貼板  h1{font-size: 120%;}  由于font-size是默認繼承的CSS屬性,很大的字體也會和H1一樣,被放大到120%。

  如何使用CSS繼承  最簡單的方法就是知道CSS所有屬性中那些是默認被繼承的,如果這個屬性被繼承,就會知道它會在元素所有子元素中生效。

  我們經常在非常頂級的元素上定義基礎樣式,比如BODY標簽,如果在body中設置字體,因為繼承,文檔中所有元素都會應用這個字體:  CSS Code復制內容到剪貼板  h1{font-size: 120%;}  使用「inherit」值  每個CSS屬性的值都包括inherit,屬性被定義這個值后,即使這個屬性不是默認繼承,也會應用父級元素這個CSS屬性的值,比如:  CSS Code復制內容到剪貼板  body { margin: 1em; }  p { margin: inherit; }  繼承使用計算值(Computed Values)  計算值指的是這個值相對于網頁中其他值來定義,這個對于繼承屬性尤其重要。

如果在body中定義font-size:1em,文檔中所有元素字體大小并不都是1em,這是因為像H1-H6這類元素的font-size的值是相對大小。

H1默認是網頁中字體最大的元素,當設置body元素字體大小時,H1-H6會根據這個「平均」大小的字體計算實際的字體大小。

  再舉一個例子:

  按照之前所述,font-size是默認被繼承的CSS屬性,然而span字體的大小并不是p的80%,而是和p一樣大,正是因為繼承使用的是計算值,如果p的父級元素的字體大小為30px,p的字體大小計算值為24px,span繼承的則是24px,而不是80%。

  更多關于計算值可以閱讀CSS Computed Value。

  background被「繼承」  查看backgruound屬性,會看到它的繼承性是no,也就是默認不被繼承的。

但是瀏覽器依舊默認「繼承」了這個屬性,比如寫這么一段:

  很大的依舊有了黃色的背景,這是因為background屬性的初始值(initial value)是transparent(透明),所以看到的黃色背景其實是h1標簽的背景。

版權聲明:本文由 寸茂學 整理編輯。

原標題:舉例中舉的意思,狀中關系舉例

轉載注明出處:http://www.dn9ww09s.icu/basics/14225.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 共享單車怎樣收費,哈羅共享單車如何收費

    共享單車怎樣收費,哈羅共享單車如何收費 相關圖片共享單車如今,市面上的自行車共享軟件種類繁多,有些非常昂貴。其中,新推出的52款共享單車軟件采用合作營銷模式,價格相對較低。那么52輛共享單車要多少錢?接下來,超人軟件...

  • 守護世紀,世紀守護登錄

    守護世紀,世紀守護登錄 相關圖片守護者世紀戰元免費世紀衛士是一款可以一鍵定位、了解兒童學校情況的軟件。如何應對世紀衛士的安全定位?接下來,超人軟件將為您介紹下世紀衛士安全定位教程。希望你喜歡!世...

  • 怎樣使用黃油相機,黃油相機濾鏡下載失敗

    怎樣使用黃油相機,黃油相機濾鏡下載失敗 相關圖片黃油相機新手教程黃油相機是一個非常好的照片美化軟件。在這個軟件中,用戶可以使用許多美麗的過濾器美化照片。不過,最近不少朋友都反映黃油相機不能一直開著。接下來,超人...

  • 人機界面,人機界面應用

    人機界面,人機界面應用 相關圖片人機界面由什么組成在接下來的幾年里,《IOS人機界面指南》從三個關鍵詞開始:參考、清晰和深度,這三個關鍵詞從未從IOS 7變為IOS 9。在IOS中,UI是內容的支持,總是為內容人機界面...

  • 愛剪輯去視頻水印教程,ps怎么去掉視頻水印

    愛剪輯去視頻水印教程,ps怎么去掉視頻水印 相關圖片愛剪輯可以去除視頻中的水印有時我們會發現一些視頻,但上面的水印和狗皮膏一樣難看。事實上,我們可以很容易地找到視頻水印只需使用愛情剪輯這個工件。Love clip為風扇提供模糊...

  • 自定義快捷鍵,快捷鍵怎么設置

    自定義快捷鍵,快捷鍵怎么設置 相關圖片查找快捷鍵快捷鍵可以大大提高web開發的工作效率。Dreamweaver CS5本身提供了許多快捷鍵,但有些命令沒有快捷鍵。此時,您可以自定義自己的快捷鍵。具體步驟如下:切換窗口的快捷鍵...

  • 快剪輯視頻調色,視頻剪輯調色

    快剪輯視頻調色,視頻剪輯調色 相關圖片視頻怎么調色作為最易使用的智能視頻編輯軟件之一,愛剪輯在所有細節上追求極致的簡潔,實現一鍵式的應用設計,讓愛的朋友擺脫工具和操作的束縛,更自由地發揮自己的創造力,...

  • 水晶質感,PS水晶質感

    水晶質感,PS水晶質感 相關圖片如何用ps做出水晶質感的效果本教程介紹如何使用焰火設計水晶媒體播放器圖標。設計的圖標非常精致和立體。這個教程很好。希望您能通過本教程全面掌握煙花軟件的使用技巧!前言:...

  • ppt怎么做,ppt如何插excel表格

    ppt怎么做,ppt如何插excel表格 相關圖片pdf轉ppt盡管圖形風格的PPT很漂亮,但它的動態性還是有點差,有時有些內容僅僅用圖形無法很好地描述,因此有必要在PPT中加入flash視頻。你知道如何在ppt中添加flaPPT制作...

  • 數三角形有什么簡單的方法嗎,數三角形的方法圖解

    數三角形有什么簡單的方法嗎,數三角形的方法圖解 相關圖片數三角形的方法的視頻使用CSS border及其屬性值透明實現三角形,最重要的是要了解由于div的高度和寬度是0,邊距和填充也是0,元素框的大小是其邊界的疊加,因為相鄰的邊界會重疊數...

熱評文章

  • 美少女戰士m8市場價,美圖手機卡槽在哪

    美少女戰士m8市場價,美圖手機卡槽在哪 相關圖片美圖美少女戰士限量版美圖M8是美圖秀秀官方推出的最新手機。近日,為了滿足所有愛美人士的可愛心意,美圖M8特別推出限量版美圖M8。那么限量版美圖M8《美眉勇士》多少錢?現在,超...

  • 搖金樹,搖金樹李聰

    搖金樹,搖金樹李聰 相關圖片金樹搖金樹是一個非常實用的生活和購物軟件。在這個軟件中,用戶可以購買各種實用的產品。那怎么買金樹呢?接下來,超人軟件編輯將為您介紹金樹應用購買教程,希望您喜歡!順...

  • 怎樣星座占卜,今天的星座占卜是什么

    怎樣星座占卜,今天的星座占卜是什么 相關圖片星座占卜哪個準軟件快速生成的H5和設計師精心打磨的H5有什么區別?看今天的文章。只是一個星座項目,其背后有很多設計思路,從視覺、代碼實現、交互到知識背景,都體現了設計師...

  • 如何給文件夾加密,如何對文件夾進行加密

    如何給文件夾加密,如何對文件夾進行加密 相關圖片如何將文件夾設置密碼很多用戶認為U盤超級加密3000可以做到,很多加密軟件也可以做到。是真的嗎?事實上,與市場上大多數同類軟件相比,U盤超級加密3000提供了三種不同的加密方法...

  • 3D插件,3d插件有哪些

    3D插件,3d插件有哪些 相關圖片3D游戲插件雖然焰火中沒有三維建模的功能,但是焰火在使用了焰火的擴展三維基本體之后,也可以產生很好的三維效果。在這種情況下,我們將引入焰火擴展3D來幫助繪制旋轉立體球的...

  • 一加五幾年上市的,一加7是什么時候上市

    一加五幾年上市的,一加7是什么時候上市 相關圖片一加五殺時候發布的“一加五”是“一加”今年的旗艦手機。很多想買手機的手機愛好者都受不了。他們迫不及待地想知道什么時候推出1 5,以及1 5手機怎么樣。接下來,超人軟件編輯...

  • ap301c設置教程,AP面板設置

    ap301c設置教程,AP面板設置 相關圖片tpap怎么設置默認情況下,“使用”屬性面板屬性面板位于工作區的下方,并根據選擇的元素類型1顯示不同的屬性選項。使用HTML選項卡將光標插入工作區中的任何文本。屬性面板可以快...

  • 如何制作ppt,怎么制作ppt步驟

    如何制作ppt,怎么制作ppt步驟 相關圖片產品宣傳ppt制作PPT經常在我們的工作中使用,但你知道PPT還有其他用途嗎?很多朋友都羨慕這張明星的美麗相冊。事實上,用PPT制作相冊很容易!制作相冊封面的第一步是首先制作相冊...

  • dlmwrite怎么換行,a標簽換行

    dlmwrite怎么換行,a標簽換行 相關圖片標題換行啥意思添加或實現換行123trtitle=指示器名稱:${target。Intename}指示器描述:${target。備注}指標名稱:${目標。Intename}如HTML警告框文本換行...

  • 比心理如何獲得車票,比心里的車票怎么獲得

    比心理如何獲得車票,比心里的車票怎么獲得 相關圖片比心怎么買車票滴滴票是滴滴推出的最新功能。通過這個功能,你真的可以支付你的車。那怎么弄到滴滴票呢?接下來,超人軟件將為您介紹滴滴安卓購票方式,希望您喜歡!關于車票...

關注微信

变脸官网查询