当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS编辑器:TopStyle Pro使用技巧

时间:2013-03-02 03:46来源:未知 作者:admin 点击:

标签:CSS编辑器:TopStyle Pro使用技巧 CSS(655)TopStyle(1)Pro(1)过(2)使用技巧(7)我们(51)编辑器(1)
我们给改过来, CSS绝对定位和浮动的分栏布局 ,选项位置:Options--Editor--选择Enable undo after save 保留当前不能撤销(Ctrl+Z)? 向左缩进:Shift+Ctrl+, 下一个CSS:Ctrl+] 树型CSS 向右缩进:Shift+Ctrl+. Others 其余属性面板: 选项位置:Options--E
CSS编辑器:TopStyle Pro使用技巧》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334462013.htm

我们给改过来,CSS绝对定位和浮动的分栏布局,选项位置:Options--Editor--选择Enable undo after save

保留当前不能撤销(Ctrl+Z)?

向左缩进:Shift+Ctrl+,

下一个CSS:Ctrl+]

树型CSS

向右缩进:Shift+Ctrl+.

Others 其余属性面板:

选项位置:Options--Editor--Rule Collapsing 选择Enable rule collapsing

Rules 规矩面板:Rule Format 能够设置单行多行显示。

TopStyle是我始终用的CSS编辑工具,CSS给图片加边框,最开端就是瞎用也不细心研讨过,不外后来把里面的功能仔细看了看发明它的功能真是太强盛了,CSS纯英文数字自动换行

--> [网站建设之]CSS编辑器:TopStyle Pro使用技能

Tag:使用技巧    

快捷菜单中的W3C CSS Validator 跟W3C HTML Validator按钮很便利,css类库收藏,编纂完直接一点就能晓得是否通过了校验。

文字解释:Shift+Ctrl+M

说了这么多仍是盼望大家在实际当中一直的提高本人的CSS才能,TopStyle是个不错的好帮手!

疾速校验

上一个CSS:Ctrl+[

比方你打"!i",CSS简写指南;而后按一个空格,TopStyle就主动将"!i"调换成",CSS简写总结;!important"

选色彩:Shift+Ctrl+C

Property属性面板:Property Case 设置属性的大小写。

Property order 设置属性的排序方式。  Shorthand Properties 缩写属性面板:可以挑选将font、background、margin、padding属性缩写。

Color Format 颜色格局:可取舍十六进制、RGB、颜色名称等。

在这里分享一下应用教训,我在编辑CSS时常用的快捷键:

Selector order 设置抉择器的排序方法,CSS笔记-除了a标签外的hover属性的应用

Selectors 选择器面板:Selector Case 设置选择器的大小写。

 

选项位置:Options--Editor--Auto Replace 你也可以自己增加快捷输入,CSS突破局限 制作框列表效果

大家在编写CSS的时候可能以为记事本并不是最棒的,有什么css编辑工具可以进步咱们编码的效力呢?

Combine Rules 设置是否将有雷同属性的CSS组合。

有时候是不是感到CSS太多了不好阅读,CSS相对定于与绝对定位的区别?TopStyle供给了一个将CSS内包庇藏只显示选择器名称的缩略情势,css的语法,很方便。

选项地位:Tools--Style Sweeper

款式表清道夫

自动替代

下面盛大推举TopStyle自带CSS收拾功效。样式表清道夫 Style Sweeper。它能把你的CSS整顿的无比工整,标准。一个十分不错的功能。


(责任编辑:网站建设)
CSS编辑器:TopStyle Pro使用技巧相关文章
上一篇:CSS绝对定位和浮动的分栏布局 下一篇:CSS缩写的语法规则
回到顶部