从没有见过如此鸡肋设计的CSS新特性，真是浪费我的学习时间，专门匹配h1-h6标题元素，怎么想得出来的？
阅读全文…
标签：:heading, CSS伪类, CSS函数, 伪元素, 伪类 发布在 CSS相关 | 6 条评论 »
CSS reading-flow和reading-order这两个CSS新特性可以改变外部设备访问DOM元素的顺序，从而提高用户的无障碍访问体验，渐进增强特性，现在就可以在项目中使用。
标签：flex-direction, flex-flow, grid-auto-flow, order, paint-order, reading-flow, reading-order, tabindex, 无障碍网页应用 发布在 CSS相关 | 2 条评论 »
你知道吗？现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了，那就是使用CSS field-sizing属性。
标签：field-sizing, input, placeholder, select, textarea, 表单 发布在 CSS相关 | 6 条评论 »
CSS野心太大了，那种页面滚动，标题导航自动高亮匹配的效果现在也能纯CSS实现了。
标签：::scroll-marker, ::scroll-marker-group, :target-current, overscroll-behavior, scroll-behavior, scroll-target-group 发布在 CSS相关 | 2 条评论 »
CSS新支持的linear()函数可以让我们实现任意速率动画，所以，无论是更加逼真的物理动画，还是特殊的阶梯式动画都不在话下，让CSS动画的能力进一步增强。
标签：animation, animation-timing-function, CSS动画, liner(), Tween类 发布在 CSS相关 | 一条评论 »
终于来了，CSS也支持编程了，使用@function 规则可以定义可重用的计算逻辑，让 CSS 代码更灵活、模块化且易于维护。
标签：@media, CSS函数, CSS变量, fill-rule, Function 发布在 CSS相关 | 2 条评论 »
CSS corner-shape属性在社区的呼声非常高，现在浏览器终于支持了，可以CSS图形表现效果有飞跃版的提升。
标签：border, border-image, border-radius, clip-path, corner-shape, shape(), superellipse 发布在 CSS相关 | 5 条评论 »
纯CSS现在可以检测是否滚动到容器边缘，Scroll Snap边缘，以及sticky元素是否触及定位的边缘了，这个特性还挺实用的。
标签：@container, Scroll Snap, scroll-state, sticky 发布在 CSS相关 | 11 条评论 »
CSS现在支持了专门的CSS函数，可以知道子元素当前的索引值大小，以及知道子元素的数量了，都是动态匹配的，很有规律的CSS样式效果有了更好的解决方法了。
标签：column, CSS函数, grid-auto-flow, nth-child, sibling-count(), sibling-index() 发布在 CSS相关 | 4 条评论 »
想不到吧，CSS居然也支持if() else 逻辑函数了，这是铁了心要干掉JavaScript的节奏啊。
标签：@media, @supports, css var, CSS函数, CSS变量, CSS数学函数, style 发布在 CSS相关 | 8 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用