1. 首頁 > 生活百科 > >

前端人必看！2021年度全球CSS報告新鮮出爐

生活百科用戶數量

CSS是Cascading Style Sheets的縮寫，一般翻譯為層疊樣式表，是用來表現HTML(標準通用標記語言的一個應用）或XML(標準通用標記語言的一個子集）等文件樣式的計算機語言 。
CSS不僅可以靜態的修飾網頁，還可以配合各種腳本語言動態地對網頁各元素，能夠對網頁中元素位置的排版進行像素級精確控制等等 。
作為前端開發者，你對CSS一定不會陌生 。1994年，CSS首次被提出，到目前為止已經過去了近30年 。
前幾天，一份CSS年度報告出爐，讓我們一起看看CSS的最新動態吧 。
本次報告受訪人員主要來自美國、俄羅斯、加拿大、西班牙、荷蘭、波蘭和澳大利亞等國家，調查人員分布在世界各地 。
本次調查的受訪者絕大多數是有5-20年工作經驗的人員 。年齡在24-34歲之間，這也是大部分技術開發者的年齡段 。
根據分類劃分，顯示了各種特性的采用率 。外圈的尺寸代表了了解這個特性的用戶數量, 而內圈的尺寸代表了實際使用這個特性的用戶數量 。
【前端人必看！2021年度全球CSS報告新鮮出爐】受訪者更喜歡使用什么布局方式進行元素布局呢？在今年的調查中，Grid上升的趨勢依然很快 。Flex布局是一維布局，Grid布局是二維布局 。Flex布局一次只能處理一個維度上的元素布局，一行或者一列 。Grid布局是將容器劃分成了“行”和“列”，產生了一個個的網格，有不少人認為，Grid比Flex更強大 。
Shape似乎一直不溫不火，相比2020年的調查，Shape的使用程度有所下降 。object-fit看起來受到了受訪者的歡迎，object-fit CSS屬性指定可替換元素的內容應該如何適應到其使用的高度和寬度確定的框，輕松地解決了圖片的適配問題 。

使用者通常都如何進行頁面交互呢？pointer-events 最常用，pointer-events CSS屬性指定在什么情況下 (如果有) 某個特定的圖形元素可以成為鼠標事件的target 。CSS滾動捕捉可以用來創建一個可滾動的容器，防止滾動時出現尷尬的滾動位置，創建更好的滾動體驗 。
關于CSS框架，調查顯示，2021年Tailwind CSS的滿意度和關注度最高，而使用度和認知度最高的是Bootstrap 。
常用的工具函數庫有Prettier 、Autoprefixer 、Stylelint 、PurgeCSS、 cssnano和PurifyCSS 。
在使用環境方面，受訪者最常在Chrome瀏覽器中進行測試，CSS 已經越來越趨于多終端設備化，電腦桌面、智能手機和平板是主力軍 。
這份調查結果和你的CSS使用習慣類似嗎？你對CSS有新的認知了嗎？歡迎討論哦 。

    推薦閱讀