sublime text 怎么格式化css代码

使用Sublime text 3 编写代码是一种享受，使用Sublime text 3 格式化HTML代码，需要安装插件，具体安装步骤如下： 1、打开菜单->首选项->插件控制，输入 install package 2、等待程序进入插件管理功能，再输入插件名称：TAG 3、点击安装插件。

1首先在这个地址：>一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时，所有页面的样式都随之而改变。在制作大量相同样式页面的网站时，非常有用，不仅减少了重复的工作量，而且有利于以后的修改、编辑，浏览时也减少了重复下载代码。
样式表文件可以用任何文本编辑器（例如：记事本）打开并编辑，一般样式表文件扩展名为css。内容是定义的样式表，不包含HTML标记，mystylecss这个文件的内容如下：
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40gif")}
/定义水平线的颜色为土黄；段落左边的空白边距为20象素；页面的背景为images目录下的back40gif文件/

SublimeText：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。原文首链，请移步这里如何优雅地使用SublimeText;最后更新于20151215晚(不能为简书文章添加目录？，额，折腾不出来，醉了)，但目录结构还是可以有的：如何优雅地使用SublimeText之目录结构SublimeText2和3的对比SublimeText3安装插件SublimeText3插件推荐定制属于自己的快捷键Sublime不可不知的实用技巧定制属于自己的个性化主题Sublime锦上添花些许设置写在一路更来的结语SublimeText2和3的对比相比于2，SublimeText3就秒启动一项，就压倒性地胜利了。因此在之后的叙述中都以SublimeText3为主角。并且3一直在不断的完善更新，具体的差异可参看SublimeBlog简单的说：ST3支持在项目目录里面寻找变量提供了对标签页更好地支持（的命令和快捷键）加快了程序运行的速度更新了API，使用Python33强烈推荐朋友们使用3!唯快不破，不解释。SublimeText3安装插件SublimeText的强大就是她拥有强大的课可扩展性。您可根据自己的需要安装不同的插件；这使得她变的无比强大的同时又不失轻便。插件安装方式一：直接安装：安装Sublimetext3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。插件安装方式二：使用PackageControl组件安装：按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）粘贴以下代码到底部命令行并回车：importurllibrequest,os;pf='PackageControlsublime-package';ipp=sublimeinstalled_packages_path();urllibrequestinstall_opener(urllibrequestbuild_opener(urllibrequestProxyHandler()));open(ospathjoin(ipp,pf),'wb')write(urllibrequesturlopen('Cmd+Shift+C快捷键。SublimeREPL这可能是对程序员很有用的插件。SublimeREPL允许你在SublimeText中运行各种语言（NodeJS，Python，Ruby，Scala和Haskell等等）。Ctags插件有童鞋抱怨SublimeText不能支持函数的跳转（比如像Eclipse那样，按住Control点击该方法或者对象，即可跳转到定义的地方；Alt+←即可回到原处）。其实SublimeText也可以借助插件实现之（当然，有些情况下:Cannotfinddefination）毕竟这个也是借助正则来匹配完成的。因此这个也就要求代码很规范。这个插件相对来讲会有些麻烦，具体的可以参见:SublimeTextctags的配置SublimeLinter插件SublimeLinter是前端编码利器——SublimeText的一款插件，用于高亮提示用户编写的代码中存在的不规范和错误的写法，支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言。这篇文章介绍如何在Windows中配置SublimeLinter进行JS&CSS校验。比如写例如像lua这样的弱语言脚本代码，有这个可以规避掉很多不该有的低级错误吧？当然这也需要你SublimeLinter安装完毕之后再安装一个SublimeLinter-lua即可。具体的使用可以参见：借助SublimeLinter编写高质量的JavaScript&CSS代码SideBarEnhancements插件SideBarEnhancements是一款很实用的右键菜单增强插件；在安装该插件前，在SublimeText左侧FOLDERS栏中点击右键，只有寥寥几个简单的功能；安装了就相当于给其丰了大胸一般。更强大的是，该插件还能让我们自定义快捷键呼出某个浏览器以预览页面！这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。安装此插件后，点击菜单栏的preferences->packagesetting->sidebar->KeyBuilding-User，键入以下代码：[{"keys":["ctrl+shift+c"],"command":"copy_path"},//chrome{"keys":["f2"],"command":"side_bar_files_open_with","args":{"paths":[],"application":"C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chromeexe","extensions":""}}]这里设置按Ctrl+Shift+C复制文件路径，按F2即可在Chrome浏览器预览效果(如果需要的话，也可以根据自己的需要为Firefox，Safari，IE，Opera等加上)，当然你也可以自己定义喜欢的快捷键，最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。HTML-CSS-JSPrettify一款集成了格式化（美化）html、css、js三种文件类型的插件，即便html,js写在PHP文件之内。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化 *** 作。插件对html、css文件的美化不是非常满意，但还可以，后面将说明如何修改css美化脚本。本人用起来超级爽的，鉴于篇幅，就不赘述，可以参见这篇介绍。CSScombCSS属性排序:有时候看看自己写的CSS文件，会不会觉得属性很乱查找不易维护难？CSScomb可以按照一定的CSS属性排序规则，将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码，按Ctrl+Shift+C，即可对CSS属性重新排序了，代码从此简洁有序易维护，如果不款选代码则插件将排序文件中所有的CSS属性。当然，可以自己自定义CSS属性排序规则，打开插件目录里的CSScombsublime-settings文件，更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的，要使他工作需要在环境变量中添加PHP的路径，具体请看github上的说明。SublimeTmpl快速生成文件模板一直都很奇怪为什么sublimetext3没有新建文件模板的功能，像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了，SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板，所有的文件模板都在插件目录的templates文件夹里，可以自定义编辑文件模板。SublimeTmpl默认的快捷键:ctrl+alt+hhtmlctrl+alt+jjavascriptctrl+alt+ccssctrl+alt+pphpctrl+alt+rrubyctrl+alt+shift+ppython如果想要新建其他类型的文件模板的话，先自定义文件模板方在templates文件夹里，再分别打开Default(Windows)sublime-keymap、Defaultsublime-commands、Mainsublime-menu、SublimeTmplsublime-settings这四个文件照着里面的格式自定义想要新建的类型，这里就详细介绍了，请各位自己折腾哈~Javascript-API-Completions:支持Javascript、JQuery、TwitterBootstrap框架、HTML5标签属性提示的插件，是少数支持sublimetext3的后缀提示的插件，HTML5标签提示sublimetext3自带，不过JQuery提示还是很有用处的，也可设置要提示的语言。

想给sublime装插件，建议先装PackageControlPackageControl插件是一个方便Sublimetext管理插件的插件。听上去有点绕。。打开sublime，按ctrl+~，调出console如果你装的是subilme3就复制:importurllibrequest,os;pf='PackageControlsublime-package';ipp=sublimeinstalled_packages_path();urllibrequestinstall_opener(urllibrequestbuild_opener(urllibrequestProxyHandler()));open(ospathjoin(ipp,pf),'wb')write(urllibrequesturlopen('>

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

工具/材料

Sublime Text

01

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

02

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

03

然后我们在Head标签内用link标签引入CSS文件，如下图所示

04

最后用Script标签引入JS文件即可，如下图所示

---