2026年3月，三个CSS特性在所有主流浏览器里正式达标了。说实话我翻浏览器更新日志的时候才发现，这几个功能其实早就逐步实现了，只是现在才完全统一。

长期以来，前端开发中处理气泡弹窗定位、滚动联动动画以及瀑布流排版，几乎完全依赖第三方JavaScript库。从Popper.js（Floating UI）、Masonry.js到手动监听scroll事件计算坐标，开发者习惯性地将这些展示逻辑压在JS主线程上。

在前端工程里，开发一个看似简单的悬浮提示（Tooltip）或下拉菜单组件，打包出来的代码里到底包含了多少JS代码？很多前端开发者在回看旧项目时，都会被依赖项里那些用来处理定位的库折腾得头疼。

在设计网页时，我们经常碰到一个问题：背景颜色深，文字就看不清；背景颜色浅，文字又太刺眼。为了确保用户能舒服地阅读，我们得花不少时间去调颜色，还要用工具检查对比度够不够。这个过程不仅麻烦，还容易出错。

很多人觉得CSS就是写写颜色、调调边距。其实现在CSS已经很强大了，很多以前必须用JavaScript才能做的交互，现在纯CSS就能搞定。这篇文章整理了现代CSS里最实用的技巧

试着用原生的HTML5和浏览器API重新写了一遍。结果你猜怎么着？代码量直接少了八成。没有虚拟DOM，没有打包工具，没有node_modules那一大堆东西。而且跑得比原来还快。

现在很多人用AI写东西，默认都是用Markdown。它简单、好上手，连代码块都能正常显示。但随着AI能力变强，Markdown的一些问题也开始暴露出来。最大的问题是：内容一多就不好看。上百行Markdown读起来很累。

做前端开发，图片处理是最容易出问题的地方。很多人觉得图片不就是写个src就能显示吗？等上线以后才发现，页面加载慢、搜索抓不到、屏幕阅读器读不出来，甚至页面还会来回跳动。

布局与溢出：解决90%布局bug,做页面最头疼的就是布局错乱、文字溢出，这几个属性直接封神，少走很多弯路。很多交互bug（点击穿透、文字被选中、移动端延迟），其实一个CSS属性就能解决，不用写多余JS。

不是用JavaScript，不是用Sass，就是纯CSS。比如“给每个卡片一个随机背景色”，或者“让雪花随机飘落”。听起来很简单对吧？但如果你试过，你就知道CSS做不到。

<permission> 是一个正在讨论中的 HTML 新元素。它想把“向用户申请权限”这件事，从 JavaScript 函数调用变成一个页面上真实可见的控件。目前这个提案还处于 WICG 草案阶段，经历过 Chrome 的 Origin Trial 测试，距离成为正式标准还有一段路

在HTML里，全局属性就像一把通用钥匙。不管你是用div、p、button还是自己定义的元素，这些属性都能给它们加上额外功能。从最简单的id和class，到现代网页用的popover和inert，全局属性让你不用写复杂JS就能做出丰富的交互效果。