您好,匿名用户
随意问技术百科期待您的加入

有没有一个工具可以将css中的属性按顺序排列

0 投票

编写css时有时没有逻辑,有没有一个一健化的工具,能把css文件中,每个class或id中的各个属性按照一个固定的顺序排列,比如1、width;2、height;3、float;等等,我想我应该描述清楚了。

用户头像 提问 2012年 12月1日 @ Archer 上等兵 (494 威望)
分享到:

1个回答

0 投票

好像没有规定的顺序,不过网上有很多版本流传,这是我自己经常用的顺序。

下表顺序为从上到下,从左到右:
========================
display || visibility
list-style : list-style-type || list-style-position || list-style-image
position
top || right || bottom || left
z-index
clear
float

width
max-width || min-width
height
max-height || min-height
overflow || clip
margin : margin-top || margin-right || margin-bottom || margin-left
padding : padding-top || padding-right || padding-bottom || padding-left
outline : outline-color || outline-style || outline-width
border
background : background-color || background-image || background-repeat || background-attachment || background-position

color
font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
text-overflow
text-align
text-indent
line-height
white-space
vertical-align
cursor
========================
以上是腾讯 ghost 总结的,具体可看 http://www.cssforest.org/blog/index.p...
以下 mergeCSS 工具就是 ghost 的出品

相关工具有 CSSTidy、CSS Compressor、minify、mergeCSS、YUI Compressor 与 TB Compressor 等等。
http://csstidy.sourceforge.net/
http://www.csscompressor.com/
http://www.cssforest.org/blog/index.p...
http://www.cssoptimiser.com/
http://www.cssdrive.com/index.php/mai...

用户头像 回复 2012年 12月1日 @ Maokai 上等兵 (292 威望)
提一个问题:

相关问题

+1 投票
1 回复 51 阅读
0 投票
1 回复 34 阅读
用户头像 提问 2012年 12月1日 @ Zeus 上等兵 (193 威望)
0 投票
1 回复 34 阅读
+3 投票
1 回复 63 阅读
0 投票
1 回复 28 阅读
用户头像 提问 2014年 1月27日 @ Vi 上等兵 (121 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...