css属性在线排序工具:http://web.zhaicool.net/cssreorder.html
不少人都说css属性的排序也是有一定的讲究的，还有大牛整理了css属性排序的书写规范，比如
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
但是css属性那么多，我们在实际开发中难免会写乱写错，所以css属性在线排序工具应运而生。
网上也有 css属性在线排序工具，但是貌似只有csscomb一家，于是前端知乎网就给大家用js代码开发了一个css属性在线排序工具:http://web.zhaicool.net/cssreorder.html
本工具比 csscomb更进步的一点是可以直接输入属性进行匹配。
如可以如此输入：
.class{
z-index: 1;
bottom: 4%;
}
也可以如此输入：
z-index: 1;
bottom: 4%;
如果网速慢，你也可以把 css属性在线排序工具:http://web.zhaicool.net/cssreorder.html 这个文件保存到本地。本工具的功能使用js实现的，没有加密，当然也没注释。。。代码写的不太好，希望大家多提意见，多多探讨。
未经允许不得转载：前端撸码笔记 » css属性在线排序工具