sublime text写html代码怎么注释
sublime Text当中使用html代码注释，分成两种情况，一种情况是便于开发，另一种情况则是为了“调试”。1 调试时的代码注释，可以选择相应的标签，之后按下Ctrl+“/”，就能够注释掉相应代码，或者在要注释的代码前面输入 <!--在需要注释的代码后端输入 -->这两个符号分别表示注释的开始和结束，可以跨行展示2 开发时的代码注释在开发当中的注释，通常是针对一些布局、特殊功能模块进行注释，在相应的代码前面书写即可 具体整体布局用的代码
sublime text 3怎么设置为中文
很简单，只需要安装一款语言插件即可 。 Sublime Text 是一个文本编辑器（收费软件，可以无限期试用，但是会有激活提示弹窗），同时也是一个先进的代码编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。 Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。 Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。 以上内容参考：百度百科-sublime text
sublime text写html代码怎么注释
首先我们去网上面下载sublime text3的软件，百度上有很多下载网站，随便一下一个下载的sublime text的时候，注意一下版本，看你的系统位数，看你是32位系统，还是64位系统然后我们双击我们的sublime text主页面点击上边的文件，先新建一个文件，快捷键Ctrl+n新建文件之后，我们新另存为一下，把文件保存xxx.html格式的我们先输入一个！，然后我们按住Tab键，基本的代码格式就是出来了我们boby标签里面随便输入一点东西，是可见内容，图片、文本、表单等所有可见的内容选择我们准备注释的地方，按住键盘的Ctrl+？就给我需要的地方注释了，或者选择好注释的地方，按住Ctrl+shfit+？,这时便会将你选则的内容注释掉了。还有可以通过菜单按钮进行注释。
sublime text 怎么用快捷键
1 ：按住shift+ctrl然后按←或→可快速选中一行中的某一部分，相当于双击鼠标选中。
当你想在代码末尾加注释的话，这个方法很好用
输入文字-》光标移到文字末尾-》按住shift+ctrl+←便会选中文字-》其他操作：删除、注释（ctrl+/）等等。
2：shift+ctrl键组合+↑↓。可实现类似鼠标选中之后移动的效果。
光标定位到某一行-》ctrl+shift+↑↓，上下移动一行。
选中之后-》ctrl+shift+↑↓，上下移动选中区域。
3：ctrl+shift+d：快速复制光标所在的一整行，并复制到该行之前。
4：ctrl+shift+m：选中花括号里面的全部内容不包括{}。
5：ctrl+shift+A：选中标签内的内容不包括标签，继续按会继续往上一层选择。
可利用这个功能实时结构预览。
再按
6：Ctrl+Shift+Enter 光标前插入行。
很好用，当因为某种原因需要插入新行的时候，使用它并且自带的缩进功能不需要使用tap键。
6：Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码
在HTML语法格式中，可实现标签的折叠，很方便的查看标签布局结构。
7：Ctrl+Shift+K 删除整行
8：ctrl+shift+p 打开命令面板
Sublime Text快捷键：
Ctrl+Shift+P：打开命令面板
Ctrl+P：搜索项目中的文件
Ctrl+G：跳转到第几行
Ctrl+W：关闭当前打开文件
Ctrl+Shift+W：关闭所有打开文件
Ctrl+Shift+V：粘贴并格式化
Ctrl+D：选择单词，重复可增加选择下一个相同的单词
Ctrl+L：选择行，重复可依次增加选择下一行
Ctrl+Shift+L：选择多行
Ctrl+Shift+Enter：在当前行前插入新行
Ctrl+X：删除当前行
Ctrl+M：跳转到对应括号
Ctrl+U：软撤销，撤销光标位置
Ctrl+J：选择标签内容
Ctrl+F：查找内容
Ctrl+Shift+F：查找并替换
Ctrl+H：替换
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：开关侧栏
Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身
Ctrl+F2：设置/删除标记
Ctrl+/：注释当前行
Ctrl+Shift+/：当前位置插入注释
Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的
Ctrl+Shift+A：选择当前标签前后，修改标签用的
F11：全屏
Shift+F11：全屏免打扰模式，只编辑当前文件
Alt+F3：选择所有相同的词
Alt+.：闭合标签
Alt+Shift+数字：分屏显示
Alt+数字：切换打开第N个文件
Shift+右键拖动：光标多不，用来更改或插入列内容
鼠标的前进后退键可切换Tab文件
按Ctrl，依次点击或选取，可需要编辑的多个位置
按Ctrl+Shift+上下键，可替换行
sublime text 3 在linux怎么安装
sublime text 3 在linux怎么安装 不同的linux版本安装的方法都是不一样的。ubuntu为例 直接apt-get install就可以安装的 在linux 下怎么安装sublime text 2 安装方法1： 通过apt-get install来安装，可以如下来做： sudo add-apt-repository ppa:webupd8team/sublime-text-2 sudo apt-get update sudo apt-get install sublime-text-2 安装方法2： 1.官网下载安装包 2.解压并不难，随便找个目录解压就行，但考虑到后面要能在命令行下方便的快速启动，推荐解压到/usr/lib/目录下，我用的方法是先解压后搬移，命令如下： tar -xvf Sublime\ Text\ 2.0.1.tar.bz2 mv Sublime\ Text\ 2 /usr/lib/ 其中的\为转义符 这样做是因为$PATH这个环境变量自动涵盖了/usr/lib这个目录，不用专门去修改环境变量。 然后键入： ln -s /usr/lib/Sublime\ Text\ 2/sublime_text /usr/bin/sublime 3.侧边条LaunchBar设置 由于并非安装，缺少Ubuntu桌面运行的一些基本配置，比如不能将它加入桌面侧边的启动器，这个和通过软件安装中心安装的程序不太一样。要做到这一点，需要增加一个配置文件，放在/usr/share/appliations/路径下，比如增加sublime.desk，文件内容如下： 参考配置 : [Desk Entry] Version=2.0.1 Name=Sublime Text 2 GenericName=Text Editor Exec=sublime Terminal=false Icon=/usr/lib/Sublime Text 2/Icon/48x48/sublime_text.png Type=Application Categories=TextEditor;IDE;Development X-Ayatana-Desk-Shortcuts=NewWindow [NewWindow Shortcut Group] Name=New Window Exec=sublime -n TargetEnvironment=Unity linux下怎么安装sublime text 安装方法1： 通过apt-get install来安装，可以如下来做： sudo add-apt-repository ppa:webupd8team/sublime-text-2 sudo apt-get update sudo apt-get install sublime-text-2 安装方法2： 1.官网下载安装包 2.解压并不难，随便找个目录解压就行，但考虑到后面要能在命令行下方便的快速启动，推荐解压到/usr/lib/目录下，我用的方法是先解压后搬移，命令如下： tar -xvf Sublime\ Text\ 2.0.1.tar.bz2 mv Sublime\ Text\ 2 /usr/lib/ 其中的\为转义符 这样做是因为$PATH这个环境变量自动涵盖了/usr/lib这个目录，不用专门去修改环境变量。 然后键入： ln -s /usr/lib/Sublime\ Text\ 2/sublime_text /usr/bin/sublime 3.侧边条LaunchBar设置 由于并非安装，缺少Ubuntu桌面运行的一些基本配置，比如不能将它加入桌面侧边的启动器，这个和通过软件安装中心安装的程序不太一样。要做到这一点，需要增加一个配置文件，放在/usr/share/appliations/路径下，比如增加sublime.desk，文件内容如下： 如何在Kali Linux中安装Sublime Text 3 1.官网下载对应的deb安装包 2.创建一个安装目录，将安装包移动此目录 3.dpkg -i 安装包 4.打开kali应用程序列表 Bingo！ 第一步：下载sublime_package_control-master.zip ，解压命名文件夹为Package Control。(注意大小写) 第二步：下载sublime_package_control-python3.zip，解压后覆盖到刚刚的Package Control中，完成插件API函数的更新。 第三步：打开Sublime Text 3，选择菜单：Preference-->Browse Package... 浏览插件 第四步：把package control复制到此目录，重启 Sublime text 3。 然后菜单Preferences就会多了两个Package..的东西如下： Package Control 安装成功 第五步： 点击菜单Preference-->Package Control 点击Install Package 等待几秒后再弹出如下内容，敲键盘emmet，选择如下： 在 Emmet 安装完成后，会显示如下屏幕：然后会自动安装PyV8，安装完成，重启 Sublime Text 3。 搜索框没有emmet相关内容，手动把emmet插件放入第三步打开的文件夹，emmet插件下载>> 测试： 重启之后还会看到左下角再次呈现 Loading PyV8 的提示，待其载入完毕，打开一个新文档最后测试，输入指令（不行就再重启一下） ul#test>li*4 按Ctrl+e 生成--- Sublime Text 3在Linux系统的安装：到Sublime Text 3的官网上下载tar.gz格式的压缩包，下载下来后用tar命令解压，解压后即可运行启动Sublime Text 3，因为这个tar包里面是二进制文件，不需要安装就能直接用的那种。 1.打开终端输入“apt-get install flashplugin-nonfree”，并回车2.安装完成以后，输入“update-flashplugin-nonfree –install”，并回车，进行软件更新3.安装完成。可以从Applications->System Tools->Add/Remove Sofare中检查是否有flash player...
ubuntu 怎么打开 sublime text
Sublime Text是个跨平台的编辑器，支持Windows、Linux、Mac系统平台，支持各种语言的代码编辑，配合上对应的插件，话上点时间学习，你将会对它爱不释手，大大的提高你的编码效率。本文将讲解在Ubuntu 14.04系统中安装SublimeText 3，并配置SublimeClang插件来配置C/C++开发环境。
1. Sublime Text 3的下载安装
到官方网站上http://www.sublimetext.com/3下载64位（系统位64位）的.deb安装包（http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3059_amd64.deb），下载后双击安装即可。安装好之后，通过命令subl即可打开程序，此时已经可以编写代码了。在开始之前建议先记下一些常用的快捷键，可参考：http://blog.csdn.net/cywosp/article/details/31791881
2. 安装Package Control
Package Control是一个用于管理插件的好工具，可以用于安装、删除、禁用相应的插件，常用的插件都能在上面找到。其源码地址在https://github.com/wbond/package_control_channel上，安装非常方便，使用git将该代码先克隆下来即可，然后拷贝到~/.config/sublime-text-3/Packages/目录下并命名为Package Control即可。（也可以直接在github上打包下载，然后解压复制到~/.config/sublime-text-3/Packages/目录下并命名为Package Control）。
cd ~/.config/sublime-text-3/Packages/
git clone https://github.com/wbond/package_control_channel.git Package\ Control
或者打开sublime_text然后按快捷键ctrl+`(Esc下面那个键)，在弹出的命令输入窗口输入下面信息回车即可：
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
重新启动SublimeText 3，然后使用快捷键Ctrl + Shift + p，在弹出的输入框中输入Package Control则可以看到Install Package的选项，选择它后一会儿（看左下角的状态）会弹出插件查询及安装窗口，输入想用的插件，选中回车即可。如果用于C/C++开发建议安装C++ snipptes，ConvertToUTF8，SublimeAStyleFormatter插件，具体代表什么意思baidu一下就清楚了。
3. 安装强大的SublimeClang插件
SublimeClang是Sublime Text中唯一的C/C++自动补全插件，功能强大，自带语法检查功能，不过最近作者已经停止更新了，目前只能在Sublime Text 2的Package Control中可以找到并自动安装，在SublimeText 3中只能手动通过源码安装，其代码线在https://github.com/quarnster/SublimeClang中。具体安装步骤如下：
安装相关软件
sudo apt-get install cmake build-essential clang git
cd ~/.config/sublime-text-3/Packages
git clone --recursive https://github.com/quarnster/SublimeClang SublimeClang
cd SublimeClang
cp /usr/lib/x86_64-linux-gnu/libclang-3.4.so.1 internals/libclang.so #这一步很重要，如果你的clang库不是3.4版本的话，请将对应版本的库拷贝到internals中
cd src
mkdir build
cd build
cmake ..
make
一切成功的话将会在SublimeClang/internals目录中生成libcache.so库文件。重启Sublime Text，然后按快捷键Ctrl + `(Esc下面那个键)打开自带的控制输出，看看有没有错误，如果没有错误就说明一切OK了。接下来就是配置自己的文件了，按下ctrl + shift + p快捷键，在弹出的输入框中输入 sublimeclang settings ，然后选择带User那一行，在打开的文件中输入如下信息：
{
"show_output_panel": false,
"dont_prepend_clang_includes": true,
"inhibit_sublime_completions": false,
"options":
[
"-std=gnu++11",
"-isystem", "/usr/include",
"-isystem", "/usr/include/c++/*",
"-isystem", "/usr/include/c++/4.8",
"-isystem", "/usr/include/c++/4.8/*",
"-isystem", "/usr/include/boost",
"-isystem", "/usr/include/boost/**",
"-isystem", "/usr/lib/gcc/x86_64-linux-gnu/4.8/include",
"-isystem", "/usr/lib/gcc/x86_64-linux-gnu/4.8/include/*"
]
}
注释：我的gcc版本为4.8，如果你的不是请替换对应的版本，在#include相应的头文件后保存当前文件，在接下来的操作中将更快的提示所包含在头文件的函数或者变量。
4. 工程实例
通过菜单栏中的Project -> Add Folder To Project...把你已有的原代码目录加入到Sublime Text中，然后通过Project -> Save Project As...来保存你的项目，这样就创建好了项目。例如我的机器在/media/WinE/WorkStation/Swift中有个C++项目，代码分别放在了Swift下的swift/base和swift/disruptor两个目录下，现在想要把这两个目录中的内容在写代码时能够自动提示则需要相应的配置修改。Project -> Edit Project，在所打开的配置文件中我更改如下：
{
"folders":
[
{
"follow_symlinks": true,
"path": "/media/WinE/WorkStation/Swift"
}
],
"settings":
{
"sublimeclang_options":
[
"-I/media/WinE/WorkStation/Swift",
"-I/media/WinE/WorkStation/Swift/swift/base",
"-I/media/WinE/WorkStation/Swift/swift/disruptor",
]
}
}
综合以上，如果你有什么问题，请能提出，大家一起进步，希望你能爱上个家伙。
怎么sublime text 创建文件
1、打开sublime text编辑器，依次选择：首选项---Package Control。2、从弹出的菜单面板中点击选择：Install Package。3、再次，在弹出面板的搜索框中输入：view in browser，搜索框下的内容进行安装。4、安装成功之后，则菜单栏中Tools下来菜单中会多出一个View in Browser。5、新建一个html文件，输入内容并保存。6、最后，按下快捷键：ctrl+alt+v，则能在浏览器中预览编写的html文件了。
sublime text怎么新建html文件？
1、在打开的ie浏览器窗口右上方点击齿轮图标，选择“Internet选项”，如下图所示：2、在打开的Internet选项窗口中，切换到安全栏，在安全选卡中点击“自定义级别”，如下图所示：3、在“安全设置-Internet 区域”界面找到“Java 小程序脚本”、“活动脚本”，并将这两个选项都选择为“禁用”，然后点击确定,如下图所示：
Sublime Text 2 怎样直接运行代码
Sublime Text 2 直接运行代码的步骤如下：1.mac下貌似直接就可以运行javac 和 java命令的，如果不能直接运行，自行加入java环境变量即可。2. 安装完sublime text 2之后，进入如下文件夹：$ cd /Users/用户名/Library/Application Support/Sublime Text 2/Packages/Java。3. 备份JavaC.sublime-build文件：$ cp JavaC.sublime-build JavaC.sublime-build.back。4. 打开JavaC.sublime-build文件，并修改内容$ vi JavaC.sublime-build。修改为如下内容：{；"cmd": ["javac \"$file\" && java \"$file_base_name\""]；"shell":true；"file_regex": "^(...*?):([0-9]*):?([0-9]*)"；"selector": "source.java"；}。5. 保存JavaC.sublime-build文件。6. 在sublime中编写好java文件，command+b运行即可。Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件，但可以无限期试用)，也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括:拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。2012年6月26日推出新版本的Sublime Text 2.0，与之前版本相比主要有较大的改善:支持 Retina 视网膜屏、快速跳到下一个、文本拖放、改善构建系统、CSS 自动完成和高亮设置等。
css阴影效果，如图所示的阴影效果怎么实现
纯CSS3实现的各种阴影效果
body {
padding: 20px 0 0;
font: 14px/1.5 Arial, sans-serif;
text-align: center;
color: #333;
background: #FAF0D9;
}
a {
font-weight: bold;
color: #346AA8;
}
a: hover,
a: focus,
a: active {
text-decoration: none;
}
.container {
position: relative;
z-index: 1;
width: 600px;
padding: 20px;
margin: 0 auto;
background: #FAF0D9;
}
.container: after {
content: "";
display: block;
clear: both;
visibility: hidden;
height: 0;
font-size: 0;
}
/* Shared styles*/
.drop-shadow {
position: relative;
float: left;
width: 40%;
padding: 1em;
margin: 2em 10px 4em;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow: before,
.drop-shadow: after {
content: "";
position: absolute;
z-index: -2;
}
.drop-shadow p {
font-size: 16px;
font-weight: bold;
}
/* Lifted corners*/
.lifted {
-moz-border-radius: 4px;
border-radius: 4px;
}
.lifted: before,
.lifted: after {
bottom: 15px;
left: 10px;
width: 50%;
height: 20%;
max-width: 300px;
-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.lifted: after {
right: 10px;
left: auto;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
/* Curled corners*/
.curled {
border: 1px solid #efefef;
-moz-border-radius: 0 0 120px 120px / 0 0 6px 6px;
border-radius: 0 0 120px 120px / 0 0 6px 6px;
}
.curled: before,
.curled: after {
bottom: 12px;
left: 10px;
height: 55%;
max-width: 200px;
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
-webkit-transform: skew(-8deg) rotate(-4deg);
-moz-transform: skew(-8deg) rotate(-4deg);
-o-transform: skew(-8deg) rotate(-4deg);
transform: skew(-8deg) rotate(-4deg);
}
.curled: after {
right: 10px;
left: auto;
-webkit-transform: skew(8deg) rotate(4deg);
-moz-transform: skew(8deg) rotate(4deg);
-o-transform: skew(8deg) rotate(4deg);
transform: skew(8deg) rotate(4deg);
}
/* Perspective*/
.perspective: before {
left: 80px;
bottom: 8px;
width: 50%;
height: 35%;
max-width: 200px;
-webkit-box-shadow: -80px 5px 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -80px 5px 8px rgba(0, 0, 0, 0.4);
box-shadow: -80px 5px 8px rgba(0, 0, 0, 0.4);
-webkit-transform: skew(50deg);
-moz-transform: skew(50deg);
-o-transform: skew(50deg);
transform: skew(50deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.perspective: after {
display: none;
}
/* Raised shadow - no pseudo-elements needed*/
.raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/* Curved shadows*/
.curved: before {
top: 10px;
bottom: 10px;
left: 0;
right: 50%;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
-moz-border-radius: 10px / 100px;
border-radius: 10px / 100px;
}
.curved-vt-2: before {
right: 0;
}
.curved-hz-1: before {
top: 50%;
bottom: 0;
left: 10px;
right: 10px;
-moz-border-radius: 100px / 10px;
border-radius: 100px / 10px;
}
.curved-hz-2: before {
top: 0;
bottom: 0;
left: 10px;
right: 10px;
-moz-border-radius: 100px / 10px;
border-radius: 100px / 10px;
}
/* Rotated box*/
.rotated {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.rotated: first-child: before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7489188-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.async = true;
ga.src = 'http://www.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
CSS drop-shadows without images
Lifted corners
Curled corners
Perspective
Raised box
Single vertical curve
Vertical curves
Single hozitonal curve
Horizontal curves
Rotated box
自己可以模仿成自己的效果
sublime text 怎么安装插件
Package Control 安装
1
打开Sublime Text3 ，点击菜单栏的“Preferences”-->"Package Control",或者可以使用快捷键CTRL+SHIFT+P 打开
2
在打开的终端窗口，输入“install”,下方就会提示“Package Control:install package”,用鼠标点击
3
这时候等待几秒，就会弹出一个终端，在终端输入你想要安装的插件，这里我以“AlignMent”插件为例，点击下方，就会自动会为你安装插件了。
4
重启Sublime Text3就会看到我们刚才安装的AlignMent插件了
END
直接安装
1
如果不想通过Package Control，也可以直接下载好想要的插件，然后打开菜单栏里的“Preferences”--->"Browse Packages"，打开包的位置
2
然后将下载的好插件直接放置到Packages目录，重启Sublime Text3 插件就会安装成功了。
http://jingyan.baidu.com/article/4d58d541caeeaa9dd4e9c093.html
如何开发sublime text2插件
ublimeText是一个超赞的编辑器，具体有跨平台（window/linux/mac）和高性能等诸多特点，使用python开发，安装包10M都不到。如果你对SublimeText还不够了解，请阅读Sublime Text 2 入门及技巧，Sublime Text2：超赞的现代编辑器等文章。本文简单介绍如何使用python进行Sublime Text插件的开发。
其实官方已经有了一篇文章来介绍如何开发Sublime Text插件，并且文本是使用Prefixr这个插件进行举例， 需要看的请移步到这里How to Create a Sublime Text 2 Plugin
插件制作步骤
1、通过Tools -> New Plugin…来打开一个初始化的插件编辑文件，它将有如下的内容：
importsublime, sublime_plugin
classExampleCommand(sublime_plugin.TextCommand):
defrun(self, edit):
self.view.insert(edit, 0, "Hello, World!")
2、通过Preferences -> Browse Packages…打开Packages文件夹，在该文件夹下建立个子文件夹，名字为你想开发的插件名字，如：KeymapManager。回到插件开发的初始化编辑器页面，通过ctrl+s(Windows/Linux) orcmd+s (OS X)保存这个文件，并放到你建立的子文件夹下，文件名如：KeymapManager.py
3、通过ctrl+`快捷键打开SublimeText的控制台，执行如下的命令：
view.run_command('example')
如果你在当前文件最前面看到插入了Hello, Word!，那表明插件执行成功了。
4、ExampleCommand名字改为你想要的插件名字，如： KeymapmanagerCommand，然后就可以开发该插件对应的功能了。
5、通过官方的API文档查找你需要的接口，
6、插件开发完成后，下面就需要给插件绑定快捷键了，在你的插件目录下建立Default (Windows).sublime-keymap, Default (Linux).sublime-keymap and Default (OSX).sublime-keymap文件，他们分别是给不同的平台使用的。内容大致如下：
[
{
"keys": ["ctrl+alt+k"],
"command": "keymapmanager"
}
]
这个文件完全是个JSON格式，ctrl+alt+k就表示这个插件的快捷键了，当然这个快捷键最好不要跟其他插件的快捷键冲突了。
7、如果你想把你的插件植入到顶部菜单或者右键菜单里，你可以通过建立下面的文件方式进行：
Main.sublime-menu 顶部菜单
Side Bar.sublime-menu 右键操作左侧Side Bar菜单
Context.sublime-menu controls 右键操作文件菜单
文件内容也是个JSON个是，如：我想把插件植入到顶部菜单View下，可以通过下面的配置进行:
[
{
"id": "view",
"children":
[
{
"caption": "Keymap Manager",
"id": "keymap-manager",
"command": "keymapmanager"
}
]
}
]
8、这样下来一个插件差不多就开发完了，你可以将插件文件夹打包发给需要安装的同学。当然这种方式太麻烦了，现在有各Package Control的插件，专门来管理插件安装的，相信你已经安装了。
sublime text2 让代码恢复整齐
1.我们来讲sublime自带的、基本的代码格式化功能——“reindent”。个人先建立了一个HTML页面作为示例。多个元素的排列和缩进都被打乱。2.为了使其排列整齐，我们对文本进行全选（当然，如果只想重新排列部分代码也可以选择部分），然后选择sublime菜单栏的“edit”-“line”-“reindent”选项。reindent即重新缩进，顾名思义，即对当前的文本进行重新缩进处理。也可以看到，在其上方还有indent 和 unindent两个选项，分别代表增加缩进和减少缩进功能，并在后方写有其快捷键，各位网友可以自行尝试。3.在“reindent”后，可以看到，全部的代码缩进都正常了。但是，sublime自带的重新缩进功能较为单一，就像其名称一样，仅仅是保证缩进正常了而已。而对于代码中写法不规范的地方，无法进行处理，这不符合我们编码的需求。接下来我们结合sublime插件，来讲解更完善的格式化代码功能。4.第二部分，笔者将结合sublime插件来进行代码的格式化处理。由于不同的代码有不同的格式化要求，本部分仅使用sql format来进行演示，其它语言的格式化大家可以自行查找插件安装。首先，笔者在网上找了一段SQL代码，并特地打乱了其排布。5.然后，使用快捷键Ctrl+Shift+P或者点击sublime菜单栏的“Preferences”-“package control”, 打开命令面板。如果各位网友没能打开，说明尚未安装package control，可以看下方的注意事项。6.选择命令面板中的Install package，在新弹出的搜索栏中输入“format”可以看到有大量的格式化插件可供选择。当然，并不是所有的格式化插件都要有format字样。重新搜索，笔者选择了名为“SQL Beautifier”的SQL格式化插件。7.安装完成之后，该插件在Windows下提供了Ctrl+K 、Ctrl+F的格式化快捷键，从而提供格式化操作。注意，是先按Ctrl + K，再按下Ctrl + F，否则的话，单独使用Ctrl+F是默认查找的快捷键。8.总结，sublime本身只提供基本的缩进重置功能，不同语言的格式化可以使用不同的插件来实现。开源社区的生命力是无与伦比的，各种层出不穷的插件为我们的开发工作提供了诸多便利。