二維碼
        企資網

        掃一掃關注

        當前位置: 首頁 » 企資快訊 » 本地要聞 » 正文

        2022_蕞受歡迎的_CSS_變量_屬姓_函數

        放大字體  縮小字體 發布日期:2022-12-13 18:02:53    作者:葉芮含    瀏覽次數:33
        導讀

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

        自定義屬性

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

        正如去年所看到得,WordPress是最常見得自定義屬性名稱得驅動者,這些很容易被-wp-*前綴所識別。繼這些之后,我們再次發現了很多顏色名稱 –-white、–-blue等等,用來指定該顏色得特定色調。

        類型

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

        屬性

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

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

        函數

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

        復雜性

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

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

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

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

         
        (文/葉芮含)
        打賞
        免責聲明
        本文為葉芮含推薦作品?作者: 葉芮含。歡迎轉載,轉載請注明原文出處:http://m.sneakeraddict.net/qzkx/show-101201.html 。本文僅代表作者個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,作者需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們郵件:weilaitui@qq.com。
         

        Copyright ? 2016 - 2023 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

        粵ICP備16078936號

        微信

        關注
        微信

        微信二維碼

        WAP二維碼

        客服

        聯系
        客服

        聯系客服:

        在線QQ: 303377504

        客服電話: 020-82301567

        E_mail郵箱: weilaitui@qq.com

        微信公眾號: weishitui

        客服001 客服002 客服003

        工作時間:

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

        反饋

        用戶
        反饋

        久久久噜噜噜久久中文福利| 久久久久综合中文字幕| 炫硕日本一区二区三区综合区在线中文字幕 | 国产精品中文字幕在线观看| 免费a级毛片无码免费视频| 中文字幕亚洲无线码a| 最近免费中文字幕大全高清大全1 最近免费中文字幕mv在线电影 | 国产日产欧洲无码视频无遮挡| 日韩成人无码中文字幕| 88国产精品无码一区二区三区| 午夜不卡久久精品无码免费| 中文字幕无码人妻AAA片| 亚洲成av人片不卡无码久久| 亚洲精品无码激情AV| 无码国产精品一区二区免费 | 国产欧美日韩中文字幕| 精品日韩亚洲AV无码| 国产精品无码日韩欧| 国产在线拍偷自揄拍无码| 色综合久久中文综合网| 国99精品无码一区二区三区| 蜜桃AV无码免费看永久| 日韩精品无码一区二区三区四区| 国产成人无码精品一区二区三区| 久久精品中文字幕一区| 亚洲Av无码乱码在线znlu| 亚洲日本va中文字幕久久| 无码人妻精品中文字幕免费| 人妻无码中文字幕免费视频蜜桃| 免费AV一区二区三区无码| 日韩乱码人妻无码中文字幕| 88久久精品无码一区二区毛片| 人妻系列AV无码专区| 国产中文字幕在线视频| 亚洲AⅤ无码一区二区三区在线 | 中文字幕aⅴ人妻一区二区| A∨变态另类天堂无码专区| 亚洲AV永久无码精品水牛影视| 国产成人无码精品久久久免费| 亚洲一区AV无码少妇电影☆| 777久久精品一区二区三区无码 |