国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

360前端星學習筆記-深入css(2)

William_Sang / 1305人閱讀

摘要：課程一繼承某些元素會自動繼承其父元素的計算值舉例上述代碼，標簽里的就會繼承父元素的，為。顯示繼承給設置顯示繼承根元素下所有元素除獨自設置如的都是。二初始值當向上繼承到頂點還是沒找到值的話，就需要初始值了。

課程ppt

一、css繼承 1.1 某些元素會自動繼承其父元素的計算值

舉例：


  This is a test of inherit.

上述代碼，em標簽里的color就會繼承父元素的color，為color: #666。

1.2 顯示繼承 
* {
  /* 給box-sizing設置顯示繼承 */
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

.some-widget {
  box-sizing: content-box;
}

html根元素下所有元素（除獨自設置：如.some-widget）的box-sizing都是border-box。

二、初始值

當向上繼承到頂點還是沒找到值的話，就需要初始值了。

CSS 中，每個屬性都有一個初始值

background-color 的初始值為 transparent 透明

margin-left 的初始值為 0

可以顯式重置為初始值，比如 background-color: initial

三、CSS求值過程

filtering：通過樣式規則為dom樹種的各個元素進行選擇器匹配，匹配有效的屬性值，匹配當前媒體查詢media等等,比如當用戶打印時，加載media是打印樣式的css樣式，生成的聲明值可能會有一個或多個，比如一個p標簽匹配到了兩個選擇器 p{ font-size: 16px },p.text{ font-size: 1.2em }

cascading：用過對比選擇器的特異性，選出優先級最高的一個選擇器，生成層疊值，比如1.2em

defaulting：判斷層疊值是否為空，如果為空，使用繼承或者初始值，生成指定值，保證指定值一定不為空。

resolving：將相對值計算成絕對值，比如em轉化成px，相對路徑轉化成絕對路徑等，生成計算值( computed value ：在瀏覽器不進行實際布局時，得到的具體的值)

formatting: 有些值不能靜態計算出來的，比如有些值需要渲染之后才能獲得，如vh，vw，百分比這種，得到使用值

將小數像素值轉為整數，比如width：400.2px,轉化成width: 400px,生成實際值，css求值完畢

3.1 舉個栗子

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113449.html

相關文章

  • 360前端星學習筆記-深入CSS

    摘要：深入課程鏈接一的版本規范在之前，把所有標準放在一起去管理，這樣推進起來版本升級比較難，后來在的版本中，將標準分成幾個模塊來管理。 深入CSS 課程ppt鏈接 一、CSS的版本（level） css Level 1 css Level 2（CSS2.2規范） css Level 3 Color Module Level 3 Selectors Level 3 Media Queri...

    xcold 評論0 收藏0

  • 360前端星學習筆記-如何寫‘好’JavaScript

    摘要：前言如何寫好這門課是由技術專家月影老師講的。控制流設計原則為什么要用到事件機制呢因為要降低結構之間的耦合度，如果不這樣做的話，我們需要做雙向的操控的。 前言 《如何寫‘好’javascript》這門課是由360技術專家月影老師講的。 這堂課的ppt 說實話，我一直在糾結要不要寫關于js的文章，因為對于js來說，我的實際經驗不足，更不要說面向對象編程與函數式編程了，對于過程抽象與行為抽象...

    arashicage 評論0 收藏0

  • 360前端星學習筆記-HTML

    摘要：前端與一枚大三學生，非常感謝前端星計劃，在這里學習了很多，非常幸運獲得的校招實習，非常感謝面試我的王峰老師和盧岳文老師總的來說，這天的學習，讓我堅定了走前端這條路。使用在模式下可以使元素水平居中，但在模式下卻會失效。 前端與HTML 一枚大三學生，非常感謝360前端星計劃，在這里學習了很多，非常幸運獲得360的校招實習offer~，非常感謝面試我的王峰老師和盧岳文老師！總的來說，這7天...

    kuangcaibao 評論0 收藏0

  • 360前端星計劃學習-HTML + CSS

    摘要：設計思想兼容已有內容避免不必要的復雜性解決現實問題優雅降級尊重事實標準變化新增語義化標簽去除純表示性的標簽拖拽離線語法標簽不區分大小寫推薦小寫空標簽可以不閉合屬性不必引號。遇到這種情況時，會生成匿名塊級盒來包含行級盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...

    lpjustdoit 評論0 收藏0

發表評論

0條評論

William_Sang

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<