二維碼
企資網(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

反饋

用戶
反饋

主站蜘蛛池模板: 天堂草原电视剧在线观看图片高清 | 成年女人免费播放影院| 国产在线观看91精品不卡| 五月天色婷婷丁香| 国产网站麻豆精品视频| 旧里番洗濯屋1一2集无删减| 国产精品91av| 久青草视频在线播放| 麻豆一二三四区乱码| 日本理论片午夜论片| 国产一级做a爱片久久毛片a| 久久久久夜夜夜精品国产| 与子乱刺激对白在线播放| 色偷偷亚洲第一综合| 成年人在线视频网站| 四虎影在线永久免费观看| 一本大道无香蕉综合在线| 番茄视频在线观看免费完整| 日韩高清在线中文字带字幕| 国产成人久久777777| 久久久久亚洲精品无码系列 | 久久久久成人精品无码| 色五月在线视频| 尹人久久久香蕉精品| 伊人色综合九久久天天蜜桃 | 亚洲另类自拍丝袜第五页| 亚洲娇小性xxxx色| 日韩免费毛片视频| 四虎影视永久免费观看| tube8中国69videos| 欧美视频在线观看网站| 国产福利在线看| 久久久久国产精品| 精品国产午夜理论片不卡| 在线观看精品视频网站www| 亚洲国产成人高清在线观看| 孩交videos精品乱子豆奶视频| 日本特级淫片免费| 免费羞羞视频网站| 4480yy私人影院论| 日韩一区二区三区不卡视频|