日期:2013-04-29  浏览次数:21078 次

大家在编写css的时候可能认为记事本并不是最棒的,有什么css编辑工具可以提高我们编码的效率呢?   topstyle(点击下载:topstyle v3.5 beta 4)是我不断用的css编辑工具,最开始就是瞎用也没有细心研讨过,不过后来把里面的功用细心看了看发现它的功用真是太强大了!   在这里分享一下使用经验,我在编辑css时常用的快捷键:   文字注释:shift+ctrl+m   向右缩进:shift+ctrl+.   向左缩进:shift+ctrl+,   下一个css:ctrl+]   上一个css:ctrl+[   选颜色:shift+ctrl+c   保存当前不能撤销(ctrl+z)?   我们给改过来,选项位置:options--editor--选择enable undo after save   自动替换   比如你打"!i"然后按一个空格,topstyle就自动将"!i"替换成"!important"   选项位置:options--editor--auto replace 你也可以本人添加快捷输入。   树型css   有时候是不是觉得css太多了不好浏览?topstyle提供了一个将css内容隐藏只显示选择器名称的缩略方式,很方便。   选项位置:options--editor--rule collapsing 选择enable rule collapsing   快速校验   快捷菜单中的w3c css validator 和w3c html validator按钮很方便,编辑完直接一点就能知道能否通过了校验。   款式表清道夫   下面盛大推荐topstyle自带css整理功用。款式表清道夫 style sweeper。它能把你的css整理的非常工整,规范。一个非常不错的功用。   选项位置:tools--style sweeper   rules 规则面板:rule format 可以设置单行多行显示。   combine rules 设置能否将有相反属性的css组合。   selectors 选择器面板:selector case 设置选择器的大小写。   selector order 设置选择器的排序方式。   property属性面板:property case 设置属性的大小写。   property order 设置属性的排序方式。  shorthand properties 缩写属性面板:可以选择将font、background、margin、padding属性缩写。   others 其他属性面板:   color format 颜色格式:可选择十六进制、rgb、颜色名称等。   说了这么多还是希望大家在实践当中不断的提高本人的css能力,topstyle是个不错的好帮手!