|
CSS是Cascading Style Sheets的縮寫(xiě)，一般翻譯為層疊樣式表，是用來(lái)表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。
CSS不僅可以靜態(tài)的修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素，能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制等等。
作為前端開(kāi)發(fā)者，你對(duì)CSS一定不會(huì)陌生。1994年，CSS首次被提出，到目前為止已經(jīng)過(guò)去了近30年。
前幾天，一份CSS年度報(bào)告出爐，讓我們一起看看CSS的最新動(dòng)態(tài)吧。
本次報(bào)告受訪人員主要來(lái)自美國(guó)、俄羅斯、加拿大、西班牙、荷蘭、波蘭和澳大利亞等國(guó)家，調(diào)查人員分布在世界各地。
本次調(diào)查的受訪者絕大多數(shù)是有5-20年工作經(jīng)驗(yàn)的人員。年齡在24-34歲之間，這也是大部分技術(shù)開(kāi)發(fā)者的年齡段。
根據(jù)分類劃分，顯示了各種特性的采用率。外圈的尺寸代表了了解這個(gè)特性的用戶數(shù)量, 而內(nèi)圈的尺寸代表了實(shí)際使用這個(gè)特性的用戶數(shù)量。
受訪者更喜歡使用什么布局方式進(jìn)行元素布局呢？在今年的調(diào)查中，Grid上升的趨勢(shì)依然很快。Flex布局是一維布局，Grid布局是二維布局。Flex布局一次只能處理一個(gè)維度上的元素布局，一行或者一列。Grid布局是將容器劃分成了“行”和“列”，產(chǎn)生了一個(gè)個(gè)的網(wǎng)格，有不少人認(rèn)為，Grid比Flex更強(qiáng)大。
Shape似乎一直不溫不火，相比2020年的調(diào)查，Shape的使用程度有所下降。object-fit看起來(lái)受到了受訪者的歡迎，object-fit CSS屬性指定可替換元素的內(nèi)容應(yīng)該如何適應(yīng)到其使用的高度和寬度確定的框，輕松地解決了圖片的適配問(wèn)題。
使用者通常都如何進(jìn)行頁(yè)面交互呢？pointer-events 最常用，pointer-events CSS屬性指定在什么情況下 (如果有) 某個(gè)特定的圖形元素可以成為鼠標(biāo)事件的target。CSS滾動(dòng)捕捉可以用來(lái)創(chuàng)建一個(gè)可滾動(dòng)的容器，防止?jié)L動(dòng)時(shí)出現(xiàn)尷尬的滾動(dòng)位置，創(chuàng)建更好的滾動(dòng)體驗(yàn)。
關(guān)于CSS框架，調(diào)查顯示，2021年Tailwind CSS的滿意度和關(guān)注度最高，而使用度和認(rèn)知度最高的是Bootstrap。
常用的工具函數(shù)庫(kù)有Prettier 、Autoprefixer 、Stylelint 、PurgeCSS、 cssnano和PurifyCSS。
在使用環(huán)境方面，受訪者最常在Chrome瀏覽器中進(jìn)行測(cè)試，CSS 已經(jīng)越來(lái)越趨于多終端設(shè)備化，電腦桌面、智能手機(jī)和平板是主力軍。
這份調(diào)查結(jié)果和你的CSS使用習(xí)慣類似嗎？你對(duì)CSS有新的認(rèn)知了嗎？歡迎討論哦。
 |
