下载首页 网络学院 最新更新 软件分类 国产软件 国外软件 汉化补丁 注册绿色 下载排行 精品软件 RSS订阅当前栏目
设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> CSS >> CSS编辑器工具之TopStylePro使用技巧
精品推荐
CSS点击TOP10
·常用CSS大全
·DIV CSS网页布局实例解析：实现表格形式
·网页特效代码：纯CSS制作的网页下拉菜单
·网页排版CSS教学
·实现CSS图片边框效果的方法
·改变IE的字体大小设置时，页面字体不发生改变，怎样实现？
·CSS中文教程
·网页制作实例CSS用一张图片实现圆角
·网页制作小工具大全(下)
·让css使网页图片半透明
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 （教程）
·网页对联广告代码效果大全
·初学者入门：如何学习网页制作？
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·DIV CSS网页布局实例解析：实现表格形式
·JS表格排序新法
精选专题

CSS编辑器工具之TopStylePro使用技巧
作者: 来源: 时间:2007-7-29 10:35:19

CSS编辑器工具之TopStylePro使用技巧(1)  CSS技巧">CSS编辑器工具本站之推荐---TopStylePro

　　大家在编写CSS的时候可能认为记事本并不是最棒的，有什么css编辑工具可以提高我们编码的效率呢？

　　TopStyle是我一直用的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 设置属性的排序方式。
共2页 9 7 [1] [2] 8 :>

CSS编辑器工具之TopStylePro使用技巧 相关文章：
CSS编辑器工具之TopStylePro使用技巧 相关软件：
特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
转载请注明来源：http://www.xgdown.com
帮助（？) 软件发布 版权声明 友情连接
Copyright 2005-2005 星光下载 All rights reserved. Powered By: DownPlus