ATOM基础教程一使用前端插件csscomb (17)

csscomb简介

csscomb是一款CSS格式化插件，它主要功能是用来排版CSS代码， 通过将CSS 语句的顺序按照排版风格调整，从而为开发者提供布局一个页面的逻辑线索，页面开发完成后，使用csscomb 回顾并理清思路，同时也增强了CSS代码的可读性。

特点：

• 支持格式化CSS/LESS/SASS
• 支持自定义格式

csscomb使用

使用快捷键ctrl-alt-c进行格式化

实例：
格式化前代码：

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    margin: 0
    auto;
    font-size: 1px
}

使用csscomb格式化后的代码逻辑性更强

格式化后代码：

.clear
{
    font-size: 1px;
    line-height: 0;

    clear: both;

    height: 0;
    margin: 0
    auto;
}