CSS作为软件开发中的二等公民，它被设计用来显示内容并设定样式排版。然而开发者们经常会为了一堆杂乱的CSS代码头疼，维护这种CSS代码的时候，有时候不知道如何下手，生怕改一个属性就会引起不知道的bug。

文中讲述了一种写出可维护的CSS代码的方法，就是为CSS属性进行排序。作者排序的规则是对CSS属性进行分类，按照分类进行编写CSS代码，可以使得代码更加整洁易懂。示例如下图：

作者将CSS属性分为以下几类：

• 布局（Layout）。元素在空间中的位置，比如：position，top，z-index等；

• 盒子（Box）。元素自身，比如：display，overflow，box-sizing等；

• 视觉（Visual）。元素的设计，比如：color，border，background等；

• 类型（Type）。元素的排字，比如：font-family，text-transform等。

希望这篇文章能够给你启发，让你对编写可维护的CSS代码理解更加地深入。