資訊專欄INFORMATION COLUMN
摘要：課程一繼承某些元素會(huì)自動(dòng)繼承其父元素的計(jì)算值舉例上述代碼，標(biāo)簽里的就會(huì)繼承父元素的，為。顯示繼承給設(shè)置顯示繼承根元素下所有元素除獨(dú)自設(shè)置如的都是。二初始值當(dāng)向上繼承到頂點(diǎn)還是沒(méi)找到值的話，就需要初始值了。
課程ppt
一、css繼承 1.1 某些元素會(huì)自動(dòng)繼承其父元素的計(jì)算值舉例：
This is a test of inherit.
上述代碼，em標(biāo)簽里的color就會(huì)繼承父元素的color，為color: #666。
1.2 顯示繼承* {
/* 給box-sizing設(shè)置顯示繼承 */
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
.some-widget {
box-sizing: content-box;
}
html根元素下所有元素（除獨(dú)自設(shè)置：如.some-widget）的box-sizing都是border-box。
二、初始值當(dāng)向上繼承到頂點(diǎn)還是沒(méi)找到值的話，就需要初始值了。
CSS 中，每個(gè)屬性都有一個(gè)初始值
background-color 的初始值為 transparent 透明
margin-left 的初始值為 0
可以顯式重置為初始值，比如 background-color: initial
三、CSS求值過(guò)程filtering：通過(guò)樣式規(guī)則為dom樹(shù)種的各個(gè)元素進(jìn)行選擇器匹配，匹配有效的屬性值，匹配當(dāng)前媒體查詢media等等,比如當(dāng)用戶打印時(shí)，加載media是打印樣式的css樣式，生成的聲明值可能會(huì)有一個(gè)或多個(gè)，比如一個(gè)p標(biāo)簽匹配到了兩個(gè)選擇器 p{ font-size: 16px },p.text{ font-size: 1.2em }
cascading：用過(guò)對(duì)比選擇器的特異性，選出優(yōu)先級(jí)最高的一個(gè)選擇器，生成層疊值，比如1.2em
defaulting：判斷層疊值是否為空，如果為空，使用繼承或者初始值，生成指定值，保證指定值一定不為空。
resolving：將相對(duì)值計(jì)算成絕對(duì)值，比如em轉(zhuǎn)化成px，相對(duì)路徑轉(zhuǎn)化成絕對(duì)路徑等，生成計(jì)算值( computed value ：在瀏覽器不進(jìn)行實(shí)際布局時(shí)，得到的具體的值)
formatting: 有些值不能靜態(tài)計(jì)算出來(lái)的，比如有些值需要渲染之后才能獲得，如vh，vw，百分比這種，得到使用值
將小數(shù)像素值轉(zhuǎn)為整數(shù)，比如width：400.2px,轉(zhuǎn)化成width: 400px,生成實(shí)際值，css求值完畢
3.1 舉個(gè)栗子文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/113449.html
摘要：深入課程鏈接一的版本規(guī)范在之前，把所有標(biāo)準(zhǔn)放在一起去管理，這樣推進(jìn)起來(lái)版本升級(jí)比較難，后來(lái)在的版本中，將標(biāo)準(zhǔn)分成幾個(gè)模塊來(lái)管理。 深入CSS 課程ppt鏈接 一、CSS的版本（level） css Level 1 css Level 2（CSS2.2規(guī)范） css Level 3 Color Module Level 3 Selectors Level 3 Media Queri...
摘要：前言如何寫(xiě)好這門(mén)課是由技術(shù)專家月影老師講的?？刂屏髟O(shè)計(jì)原則為什么要用到事件機(jī)制呢因?yàn)橐档徒Y(jié)構(gòu)之間的耦合度，如果不這樣做的話，我們需要做雙向的操控的。 前言 《如何寫(xiě)‘好’javascript》這門(mén)課是由360技術(shù)專家月影老師講的。 這堂課的ppt 說(shuō)實(shí)話，我一直在糾結(jié)要不要寫(xiě)關(guān)于js的文章，因?yàn)閷?duì)于js來(lái)說(shuō)，我的實(shí)際經(jīng)驗(yàn)不足，更不要說(shuō)面向?qū)ο缶幊膛c函數(shù)式編程了，對(duì)于過(guò)程抽象與行為抽象...
摘要：前端與一枚大三學(xué)生，非常感謝前端星計(jì)劃，在這里學(xué)習(xí)了很多，非常幸運(yùn)獲得的校招實(shí)習(xí)，非常感謝面試我的王峰老師和盧岳文老師總的來(lái)說(shuō)，這天的學(xué)習(xí)，讓我堅(jiān)定了走前端這條路。使用在模式下可以使元素水平居中，但在模式下卻會(huì)失效。 前端與HTML 一枚大三學(xué)生，非常感謝360前端星計(jì)劃，在這里學(xué)習(xí)了很多，非常幸運(yùn)獲得360的校招實(shí)習(xí)offer~，非常感謝面試我的王峰老師和盧岳文老師！總的來(lái)說(shuō)，這7天...
摘要：設(shè)計(jì)思想兼容已有內(nèi)容避免不必要的復(fù)雜性解決現(xiàn)實(shí)問(wèn)題優(yōu)雅降級(jí)尊重事實(shí)標(biāo)準(zhǔn)變化新增語(yǔ)義化標(biāo)簽去除純表示性的標(biāo)簽拖拽離線語(yǔ)法標(biāo)簽不區(qū)分大小寫(xiě)推薦小寫(xiě)空標(biāo)簽可以不閉合屬性不必引號(hào)。遇到這種情況時(shí)，會(huì)生成匿名塊級(jí)盒來(lái)包含行級(jí)盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...
閱讀 3124·2023-04-25 15:44
閱讀 1890·2019-08-30 13:11
閱讀 2854·2019-08-30 11:11
閱讀 3074·2019-08-29 17:21
閱讀 1322·2019-08-29 15:38
閱讀 966·2019-08-29 12:49
閱讀 1812·2019-08-28 18:19
閱讀 3236·2019-08-26 14:01
