css编辑有快捷工具吗？

html-css028

css编辑有快捷工具吗？,第1张

如cssPad，它的操作简单、快速、易用，当你输入HTML或CSS样式的时候，右侧会快速并实时展示结果。所以很适合前端人员或HTML/CSS学员、远程培训来使用。当然如果想功能强大的可以用jsfiddle。

快速可视化制作CSS推荐使用第三方工具，推荐如下：

1、Bootstrap的可视化制作工具：Jetstrap：

Jetstrap是一个基于 Bootstrap 前端框架的可视化设计工具。通过 Jetstrap制作出来的网页 100% 符合 Bootstrap 标准。比如说你只要设计了电脑端的页面，它会自动适配手机端和 Pad 端（响应式设计）。

2、Bootstrap可视化编辑器工具-LayoutIt

简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站？是的，LayoutIt 是一个 Twitter Bootstrap 界面生成器，能够帮助你快速制作出网站和界面模型，同时能够下载生成的网站代码。

3、Bootstrap的可视化制作工具：bootswatchr

bootswatchr是从地面上创建一个自定义的BootStrap主题的可视化工具。最大的方便就是 我们可以在左侧修改css或者html代码，然后修改结果会直接会显示在右侧。更重要是一个在线编辑和免费生成Bootstrap主题的酷站。

打开 vs 选择【工具-选项-文本编辑-CSS-高级】里面的格式设置，最重要的是设置[括号位置]=压缩

选中CSS 使用快捷键：ctrl+KD