Question

我正在寻找一种方法来自动组织（按字母顺序，或通过任何其他接受的“标准”）我的所有CSS属性。我更喜欢Dreamweaver中的一种方法，但此时我会采取任何措施！

示例：

.div-name {
padding: 5px;
width: 300px;
margin: 10px;
color: #000;
}

将转换为：

.div-name {
color: #000;
margin: 10px;
padding: 5px;
width: 300px;
}

Answer 1

试试CSScomb。此工具对您的CSS进行排序和分组，并具有适用于各种代码编辑器的插件。你可以尝试online。

Answer 2

试试这个：

没有使用它，但它看起来像你说的那样。

鲍勃

Answer 3

我个人认为这不会有用，但那只是我。我根据重要性使用自己的层次结构，并且在整个样式表中保持这种一致性。每个人可能对此有不同的偏好。我个人喜欢先做位置格式，然后是 layout 参数，然后调整然后颜色等文字格式属性。

这使我可以快速识别和编辑最重要的属性，可能影响布局的属性对我来说是最重要的。

这是一个回顾：

1. 位置格式，例如display，position ...因为这会大大影响布局

2. 布局，例如margin或padding ...与上述相同

3. 调整，例如width，height或font-size ...这可以影响布局。

4. 颜色和文字格式，例如color，background-color，letter-spacing或text-transform

Answer 4

CSSTidy是一个可执行文件和PHP脚本，您可以使用它来进行这样的格式更改（以及优化）。事实上，@rcravens提到的cleancss.com“基于”此工具。

Answer 5

我使用visual studio 2010，这个扩展允许你评论css和alphabetize你的CSS和其他一些非常方便的工具