max-inline-size、@layer 、Container Queries、margin-trim...这些 CSS 特性你了解么？

使用 FLIP 技术，实现一个自适应高度且带过渡动画的容器元素，且打断动画时仍能平滑过渡，可以影响文档流中的其它元素。

说到布局很多人的感觉应该都是恐惧，为此很多人都背过一些很经典的布局方案，例如：圣杯布局、双飞翼布局等非常耳熟的名词； 为了实现这些布局我们有很多种实现方案，例如：table布局、float布局、定位布

现代 CSS 应该是 2023 年前端圈热门话题之一，这些新特性可以帮助开发者更加轻松地实现各种复杂的设计需求，解决老的 CSS 问题，同时现代 CSS 技术还可以提高 Web 的可访问性和可维护性。

BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

Sass(Syntactically Awesome StyleSheets)是一种CSS预处理器(preprocessor)， 是一款强化 CSS 的辅助工具。可以高效的编写样式，同时实现变量、嵌套

这是三篇 Sass/Scss 掌握文章中的第二篇，主要介绍最基础的使用和语法，可以看到，Scss引入的变量和嵌套，极大地方便了开发工作，结合其自带的插值表达式，使得css样式编写非常灵活...

相信学习过一段时间`css`的小伙伴，都不会对css的预编译器`sass`感到陌生，有点类似编程语言，但实际上是提供了一些有效的处理方法，有效`减轻css的开发负担`，`提升开发效率`，`增加开发愉悦