摘要:我按自己的理解做了個實驗來查看這四個值,其中為了證明是用于繼承的,將字體設(shè)為奇怪的。一般情況下,分不清最終值是還是,但這個例子中從的就看到這兩個值的不同了。參考屬性賦值的文檔
原文:https://zhictory.github.io/cs...
文檔樹上的每個元素的 CSS 屬性值會涉及到以下四種值:
Specified values 指定值
Computed values 計算值
Used values 應(yīng)用值
Actual values 實際值
實際值應(yīng)該就是我們平時看到的最終值,關(guān)于最終值的計算,文檔是這么說明的:
The final value of a property is the result of a four-step calculation: the value is determined through specification (the "specified value"), then resolved into a value that is used for inheritance (the "computed value"), then converted into an absolute value if necessary (the "used value"), and finally transformed according to the limitations of the local environment (the "actual value").
屬性的最終值是4步計算的結(jié)果:值通過指定來確定(specified value),接著處理得到一個用于繼承的值(computed value),然后如果有必要的話轉(zhuǎn)化為一個絕對值(used value),最后根據(jù)本地環(huán)境限制進行轉(zhuǎn)換(actual value)。
我按自己的理解做了個實驗來查看這四個值,其中為了證明 computed value 是用于繼承的,將字體設(shè)為奇怪的 16.00005px。
A large heading
如代碼所示列出了計算的過程,其中要注意兩點:
一般情況下,分不清是用 computed value 還是用 actual value 來繼承,但這個例子中從 em 的 font-size 的 computed value 是 80.0002 可得出是用 h1 的 computed value 來繼承的。
一般情況下,分不清最終值是 used value 還是 actual value,但這個例子中從 h1 的 font-size 就看到這兩個值的不同了。
參考:屬性賦值的文檔
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/112465.html
摘要:不管你是滾動頁面還是背景設(shè)置的元素,它都會保持在相同的位置。當滾動元素時,背景會隨之滾動。目錄 一.css三種引用方式 1.行間式 2.內(nèi)聯(lián)式 3.外聯(lián)式 4.三種方式的優(yōu)先級 二.樣式與長度顏色 1.基本樣式 2.長度...
摘要:干想了半天,認為可能還是本身的寫法問題。對象提供了一種通過定義函數(shù)來獲取或設(shè)置特定值的方法。簡單來說,給我們暴露了一個鉤子,我們可以自己定義方法比如,來實現(xiàn)針對某個屬性的特定行為。 寫在最前 本次分享一下在一次jQuery賦值樣式失效的結(jié)果中來分析背后原因的過程。在翻jQuery源碼的過程中,感覺真是還不能說自己只是會用jQuery,我好像連會用都達不到(逃 歡迎關(guān)注我的博客,不定期更...
摘要:干想了半天,認為可能還是本身的寫法問題。對象提供了一種通過定義函數(shù)來獲取或設(shè)置特定值的方法。簡單來說,給我們暴露了一個鉤子,我們可以自己定義方法比如,來實現(xiàn)針對某個屬性的特定行為。 寫在最前 本次分享一下在一次jQuery賦值樣式失效的結(jié)果中來分析背后原因的過程。在翻jQuery源碼的過程中,感覺真是還不能說自己只是會用jQuery,我好像連會用都達不到(逃 歡迎關(guān)注我的博客,不定期更...
摘要:預處理器可以讓你設(shè)置變量,并且在函數(shù)循環(huán)和數(shù)學操作等中使用。不同之處在于變量是運行在瀏覽器中的動態(tài)屬性,而預處理器變量會被編譯成普通的代碼。變量提供了更多可能性但這并不是說你需要在二者之間選擇其一你可以同時使用變量和預處理器變量的強大功能。 CSS預處理器,如Sass和Less,使得CSS代碼易于組織和維護。通過提供變量、混合、循環(huán)等特性,使得CSS具有動態(tài)編寫的能力,從而減少重復性工...
摘要:預處理器可以讓你設(shè)置變量,并且在函數(shù)循環(huán)和數(shù)學操作等中使用。不同之處在于變量是運行在瀏覽器中的動態(tài)屬性,而預處理器變量會被編譯成普通的代碼。變量提供了更多可能性但這并不是說你需要在二者之間選擇其一你可以同時使用變量和預處理器變量的強大功能。 CSS預處理器,如Sass和Less,使得CSS代碼易于組織和維護。通過提供變量、混合、循環(huán)等特性,使得CSS具有動態(tài)編寫的能力,從而減少重復性工...
閱讀 1598·2021-11-04 16:11
閱讀 3309·2021-09-09 11:33
閱讀 1558·2019-08-30 15:54
閱讀 619·2019-08-30 15:44
閱讀 3174·2019-08-30 15:43
閱讀 2554·2019-08-30 13:06
閱讀 1698·2019-08-29 17:00
閱讀 895·2019-08-29 15:33