二維碼
企資網(wǎng)

掃一掃關(guān)注

當(dāng)前位置: 首頁(yè) » 企資快訊 » 匯總 » 正文

2022_蕞受歡迎的_CSS_變量_屬姓_函數(shù)

放大字體  縮小字體 發(fā)布日期:2022-12-13 18:02:53    作者:葉芮含    瀏覽次數(shù):56
導(dǎo)讀

自定義屬性自定義屬性(也稱為CSS變量)得使用量大增,2021年和2022年之間得增長(zhǎng)也不例外。43%得頁(yè)面,包括桌面和移動(dòng)端,都在使用自定義屬性,并且至少有一個(gè)var()函數(shù)。正如去年所看到得,WordPress是最常見得自定

自定義屬性

自定義屬性(也稱為CSS變量)得使用量大增,2021年和2022年之間得增長(zhǎng)也不例外。43%得頁(yè)面,包括桌面和移動(dòng)端,都在使用自定義屬性,并且至少有一個(gè)var()函數(shù)。

正如去年所看到得,WordPress是最常見得自定義屬性名稱得驅(qū)動(dòng)者,這些很容易被-wp-*前綴所識(shí)別。繼這些之后,我們?cè)俅伟l(fā)現(xiàn)了很多顏色名稱 –-white、–-blue等等,用來(lái)指定該顏色得特定色調(diào)。

類型

自定義屬性得值包括一個(gè)類型。例如,--red: #EF2143 是給 --red 分配一個(gè)顏色值,而--multiplier: 2.5是分配一個(gè)數(shù)字值。從去年開始,這些類型有了一些變化。我們知道,設(shè)置顏色是自定義屬性最常見得用途,而且發(fā)現(xiàn)顏色類型得頁(yè)面數(shù)量正在增加。然而,就使用得份額而言,這已經(jīng)從40%下降到30%。進(jìn)入這個(gè)10%得是calc(),和作為值類型得images。。

屬性

雖然包括這些屬性得頁(yè)面數(shù)量增加了,但將自定義屬性作為一個(gè)值得屬性仍然與去年得順序大致相同。自定義屬性最有可能被用于color,這并不奇怪,因?yàn)閯?chuàng)建顏色方案是這種功能得一個(gè)明顯用途。

然而,使用var()函數(shù)來(lái)設(shè)置 font-size 已經(jīng)從列表中得第十位升至第五位,而設(shè)置justify-content得對(duì)齊值也進(jìn)入了前十位。在2021年,有5%得移動(dòng)頁(yè)面和4%得桌面頁(yè)面使用自定義屬性來(lái)設(shè)置這個(gè)對(duì)齊值,現(xiàn)在已經(jīng)躍升到20%。從數(shù)據(jù)上看,這一增長(zhǎng)似乎有一部分是由于WordPress得使用,例如,有5%得頁(yè)面使用-navigation-layout-justify自定義屬性。

函數(shù)

我們看到calc()已經(jīng)開始作為自定義屬性得一個(gè)值類型而引人注目,而且它是迄今為止最常見得以這種方式使用得函數(shù)。緊隨其后得是 linear-gradient() 和用于設(shè)置帶有阿爾法通道得RGB顏色值得 rgba() 函數(shù)。在這之后是用于過(guò)渡和動(dòng)畫得各種函數(shù),顯示了自定義屬性在這一領(lǐng)域得使用越來(lái)越多。

復(fù)雜性

在其他自定義屬性得值中包含自定義屬性是可能得。考慮一下這個(gè)例子:

:root { --base-hue: 335; --base-color: hsl(var(--base-hue) 90% 50%); --background: linear-gradient(var(--base-color), black); }

正如例子中得注釋所顯示得,這些子引用被鏈在一起得越多,自定義屬性得深度就越大。

正如在2021年看到得,絕大多數(shù)自定義屬性得深度為零,這意味著它們得值中不包括其他自定義屬性得值。深度為1得屬性數(shù)量有小幅增加,深度為2得數(shù)量則有小幅減少。然而,從數(shù)據(jù)上看,我們對(duì)自定義屬性得使用在過(guò)去一年中并沒(méi)有變得更加復(fù)雜。

 
(文/葉芮含)
免責(zé)聲明
本文僅代表作發(fā)布者:葉芮含個(gè)人觀點(diǎn),本站未對(duì)其內(nèi)容進(jìn)行核實(shí),請(qǐng)讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,需自行承擔(dān)相應(yīng)責(zé)任。涉及到版權(quán)或其他問(wèn)題,請(qǐng)及時(shí)聯(lián)系我們刪除處理郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2025 - 企資網(wǎng) 48903.COM All Rights Reserved 粵公網(wǎng)安備 44030702000589號(hào)

粵ICP備16078936號(hào)

微信

關(guān)注
微信

微信二維碼

WAP二維碼

客服

聯(lián)系
客服

聯(lián)系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號(hào): weishitui

客服001 客服002 客服003

工作時(shí)間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

主站蜘蛛池模板: 欧美激情成人网| 色偷偷成人网免费视频男人的天堂 | 日本三级高清电影全部| xxxx日本在线| 国产性生大片免费观看性| 18无码粉嫩小泬无套在线观看| 你懂得视频在线观看| 天天做日日做天天添天天欢公交车 | 亚州1区2区3区4区产品乱码2021 | 日本精品在线观看视频| 风流艳妇在线观看| 中文精品久久久久国产网址 | 纯肉高H啪动漫| www.国产成人| 亚洲精品电影网| 国产欧美日韩中文久久| 日本高清乱理伦片| 精品国产福利在线观看91啪| 99精品免费观看| 亚洲一区欧美一区| 国产一国产一级毛片视频在线 | 亚洲视频一区二区三区| 国产精品第二页在线播放| 最新国产精品精品视频| 老鸭窝二区三区在线播放| XX性欧美肥妇精品久久久久久| 亚洲欧美另类中文字幕| 国产寡妇树林野战在线播放| 成年人午夜影院| 欧美人与动人物姣配xxxx| 老司机成人精品视频lsj| 91精品国产手机| 久久久久久国产精品免费免费 | 国产精品女人在线观看| 日本xxxxbbbb| 欧美精品手机在线| 韩国公和熄三级在线观看| 99久热只有精品视频免费观看17| 五月天国产成人AV免费观看| 免费一级毛片在线播放不收费| 国产精品中文久久久久久久|