🏷️ #css
分析 Flexbox 在处理多行流式布局时，最后一行元素无法保持均匀间距的技术痛点，并提供基于 CSS Grid auto-fill 和 minmax 特性的标准解决方案。
响应式容器不应该用固定宽度，本文分享3次踩坑经验，讲解max-width、vw单位和流体容器的最佳实践。
CSS属性顺序影响代码可读性，本文介绍自动化工具（如Prettier、Stylelint）帮你自动排序CSS属性。
CSS结构伪类（如:first-child、:nth-child）可以精准选择DOM结构中的元素，本文分享实战技巧。
padding内边距和margin外边距是CSS盒模型的两个核心属性，本文通过实例讲解两者的区别、使用场景和常见坑点。
CSS中em和rem都是相对单位，但参考对象不同。本文详细讲解两者的区别、计算方式和最佳使用场景。
CSS Grid是强大的二维布局系统，本文从grid-template-columns基础讲起，涵盖fr单位、gap间距、网格区域等核心概念，附带实战案例。
Flexbox弹性盒子是CSS一维布局的核心工具。本文从基础概念讲起，涵盖主轴交叉轴、flex属性详解和常见布局实战示例。
从零开始学习Emmet语法，掌握CSS高效编写技巧。本文详细介绍Emmet的基本写法、常用缩写和实战示例，帮你提升3倍编码效率。