CSS基础

前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连：

在日常开发中，我们经常需要让元素的宽度根据内容变化而产生动画效果，例如按钮文字变长、提示框内容更新等。你可能第一反应是加个 transition: width 0.3s，看起来的确能动。但细节打脸的时

CSS Houdini Paint API 的位图合成原理，乍看之下像是前端领域的黑科技，其实背后是一套高度工程化的绘图接口与浏览器渲染系统的深度融合。它不是另起炉灶，而是嵌入浏览器的图形渲染流水线之

在现代 CSS 布局体系中，CSS Grid 可以说是网页布局的一场革命。而其中最为迷人（也最容易误解）的，就是 fr 单位了。很多开发者初学时以为 1fr + 2fr 就是按比例瓜分空间，看似简单，

🧠 结论先行 CSS 自定义属性（即 --var 变量）虽然带来极高的模块化和组件化便利性，但在浏览器运行时的计算路径中，并非“零成本”。 当你在全站引入大量 var() 嵌套，或在深层 DOM 结构