跳到内容

State of CSS 2023

布局

使用什么布局方式进行元素布局？

子网格 （Subgrid）

评论531
比较数据
“8949问题回答者（97.4%完成百分比）”
 没听说过
 有听说过
 用过

CSS 书写模式 （Writing Modes）

评论37
比较数据
“8888问题回答者（96.8%完成百分比）”
 没听说过
 有听说过
 用过
💡
通过评论选项卡，您可以查看调查受访者在填写调查时留下的评论。

逻辑属性（Logical Properties）

评论55
比较数据
margin-block-start、 padding-inline-end 等
“8845问题回答者（96.3%完成百分比）”
 没听说过
 有听说过
 用过

aspect-ratio

评论52
比较数据
“8854问题回答者（96.4%完成百分比）”
 没听说过
 有听说过
 用过

content-visibility

评论18
比较数据
“8795问题回答者（95.8%完成百分比）”
 没听说过
 有听说过
 用过

flexbox的间隙属性

评论52
比较数据
“8831问题回答者（96.1%完成百分比）”
 没听说过
 有听说过
 用过

容器查询

评论78
比较数据
@container查询
“8819问题回答者（96%完成百分比）”
 没听说过
 有听说过
 用过
我们要求 CSS 社区的成员分享他们的 “年度之选” 。

我的 2023 之选是： Zag.js

ChakraUI 的才华横溢的团队正在构建一些下一代组件和创意，迫不及待想看看他们还会推出什么。
我们要求 CSS 社区的成员分享他们的 “年度之选” 。

Adam Argyle

Google Chrome Developer Relations

object-view-box

评论17
比较数据
    “8783问题回答者（95.6%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    小型、大型和动态视口单位

    评论37
    比较数据
    “8796问题回答者（95.8%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    Media Queries Range Contexts

    评论36
    比较数据
    “8792问题回答者（95.7%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    Anchor Positioning

    评论23
    比较数据
    “8772问题回答者（95.5%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    资源推荐

    CSS Grid & Flexbox for Responsive Layouts, v2
    Jen Kramer

    CSS Grid & Flexbox for Responsive Layouts, v2

    Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
    Practical CSS Layouts
    Jen Kramer
    Freelance Instructor

    Practical CSS Layouts

    Starting with the basics of CSS and HTML, you'll progress through creating responsive designs for mobile, tablet, and desktop layouts.
    感谢合作伙伴对我们的支持! 了解更多。