css属性在线排序工具

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属性在线排序工具

上一篇:

下一篇: