前端开发中最容易忽略的性能细节：页面为何会“卡顿、闪动、抖”？本文拆解 CSS 中最容易被忽略的细节与底层机制，揭示样式错乱和性能问题的根源。

边框可以分别使用border、outline、box-shadow三种方式去实现，其中outline、box-shadow不会像border一样占据空间。而box-shadow可以用来解决两个元素相邻

话不多说直接先上scss代码，就是一个scss的mixin混入代码 使用也简单 会编译为 实际用一下，先创建一个vite项目，这里用vue3的模板，下载sass 下载完后看了一下package.jos

工作中总结一些实用小技巧很重要，也是一个人经验的体现！ 父元素控制状态改变（CSS） 当某个元素中包含多个变化状态的子元素时，比如显示隐藏，比如改变字体颜色等，建议直接通过最外层的父元素控制，避免为每

都2025了你不会用‘容器查询’适配屏幕？其实这个很好理解，就是让组件样式能灵活兼容父层级的大小尺寸，这个是媒体查询无法做到的。

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

flex：1的效果为什么和想的不一样，这个问题遇到了2,3次了，今天一次搞懂，后半段浏览器的解析原理是 ai 生成的，我也不确定对不对，我看着是挺有道理的，前半段 flex：1的原理是我试出来的

目前社区也有不少人提倡禁用 margin，大概原因有什么奇怪的边距融合、责任区域划分不明确等等，我今天从另一个角度来说明为什么不要使用 margin 我们现在处于协同化时代，基本都是靠 figma、m

前几天发了一篇帖子《我在团队内部提倡禁用 css margin》，没想到引起了巨大的反响，基本都是持反对意见，给我都整懵逼了，后面仔细思考一下是我的问题，我应该写的再详细一些，并且筛选一下读者，因为我