CSS是前端开发中必不可少的技能之一，对于CSS样式中的复合样式分类也是非常重要的。CSS的复合样式可以简化样式的书写，提高开发效率，下面我们来分类讲解CSS复合样式。

/* 边框属性 */
border：其实是一个简化写法，包含border-top-width、border-right-width、border-bottom-width、border-left-width、border-top-style、border-right-style、border-bottom-style、border-left-style、border-top-color、border-right-color、border-bottom-color、border-left-color这12个属性。

例如：

border: 1px solid #000;

即等同于以下写法：

border-width: 1px;
border-style: solid;
border-color: #000;

/* 字体属性 */
font：包含font-style、font-variant、font-weight、font-size、line-height、font-family这6个属性，其值可以简写，如下所示。

例如：

font: italic small-caps bold 12px/1.5 Arial;

即等同于以下写法：

font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 12px;
line-height: 1.5;
font-family: Arial;

/* 列表属性 */
list-style：包含list-style-type、list-style-position、list-style-image这3个属性，即可以设置列表的类型、位置和图片。

例如：

list-style: square inside url('img.jpg');

即等同于以下写法：

list-style-type: square;
list-style-position: inside;
list-style-image: url('img.jpg');

以上就是CSS复合样式的分类。在开发过程中，合理使用复合样式可以减少代码量，也更加便于阅读和管理代码。同时也要注意复合样式的优先级问题，不要对同一元素重复设置复合样式，会导致样式冲突。