大家在编写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是个不错的好帮手!