Sublime的使用技巧

1.快速编写HTML代码

(1)初始化文档

html:5或! 用于HTML5文档类型
html:xt 用于XHTML过渡文档类型
html:4s 用于HTML4文档类型

(2)快速添加类、id、文本和属性

ul.box#wrapper>li*3>a[href=#]{$}

<ul class="box" id="wrapper">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
</ul>
(3)嵌套

> 子元素符号,表示嵌套的元素
+ 同级标签符号

(4)分组

(.foo>h1)+(.bar>h2)

<div class="foo">
    <h1></h1>
</div>
<div class="bar">
    <h2></h2>
</div>
(5)定义多个元素(*)
(6)定义多个带属性的元素

ul>li.item$@1*3 (下标从1到3)

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
</ul>

2.CSS缩写

w100+h10p+m5e

div{
    width: 100px;
    height: 10%;
    margin: 5em;
}

3.模板

工具->新代码段:出现如下代码

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

Hello, ${1:this} is a ${2:snippet}.替换为自己经常使用的模板

<tabTrigger>hello</tabTrigger>注释打开,hello替换为自己设置的快捷键。使用时只需输入该字符串,按下Tab键即可

4.插件

1 ctrl+shift+p调出package control,
2 输入install package;
3 输入要安装的emmet,即可;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值