TopStyle Pro 使用技巧

TopStyle Pro 功能专注于CSS设计的辅助工具，功能相当多，附有CSS码检查功能，减少写错的机会。尤其是它的HELP文件中详细的CSS指令介绍，很适于用作CSS参考文件。

TopStyle Pro V3.12 GD汉化绿色特别版：http://www.softii.com/downinfo/51211.html
3.15天空下载地址：http://www.skycn.com/soft/1170.html

在编辑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
功能设置位置： Tools---Style Sweeper---Configure Style Sweeper---TopStyle Defaut---Edit

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、颜色名称等。

把TopStyle嵌入到Dreamweaver MX
你可以把TopStyle当作CSS编辑器嵌入到Dreamweaver MX（DW）中去。你只需要在DW的CSS窗口中右击鼠标，在右击菜单中选择“Use External Editor”菜单项中选择它。

[本日志由 waylan 于 2009-03-25 09:34 AM 编辑]
文章来自: 网络整理
引用通告: 查看所有引用 | 我要引用此文章
Tags: CSSCSS TopStyleTopStyle
相关日志: