以CSS在Vue3项目中的架构为切入点，通过减少CSS代码的冗余度和增强CSS代码的维护性、扩展性来提高我们的编程能力和项目架构能力。

前言 一般情况而言，对于样式基本上都是对照设计图 一把梭，高度还原设计图就好了。然后再好一点的就是根据 模块 或者说 组件 对 className 进行一定 语义化 的命名就完事了。

背景 之前有幸见识到一个项目css一塌糊涂，各种样式覆盖，全局样式五六个文件，important满天飞，搞得很是头大。 CSS中可能存在的问题 冗余：小明想实现一个水平垂直居中，但是不想找现在有没有共

flex属性介绍 平时在项目中Flex布局的使用频率非常高，但是对于flex的几个值的具体用法和使用场景有时候不是很清楚，所以写此文来总结下。 首先，flex属性其实是一种简写，是flex-grow，

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动~ 傻傻分不清clientHeight，innerHeight，offsetHeight，scrollHeight这些高度，今天的小知识就来总结

`CSS` 网格布局是一种基于二维网格的布局系统，与过去的任何网页布局系统相比，它完全改变了我们设计用户界面的方式。图文并茂！一次性搞懂 Grid 布局，实现“布局自由”~

问题 在页面切分时，我们经常使用flex布局。当需要对页面中的多个元素进行布局时，使用flex布局可以帮助我们快速创建整齐的界面。然而，flex布局也存在一些难以解决的布局问题。 特别是当我们使用v-

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