网站首页 > 生活 > 理财 > sublime 快速编写代码技巧

sublime 快速编写代码技巧

2018-07-18 12:27:00 来源: 未知 用户关注:

在Sublime上装了Emmet插件后,我们就可以利用以下技巧快速编写代码1、自动生成html头文件html:5 或!:用于HTML5文档类型html:xt:用


Sublime上装了Emmet插件后,我们就可以利用以下技巧快速编写代码

1、自动生成html头文件

html:5 或!:用于HTML5文档类型

html:xt:用于XHTML过渡文档类型

html:4s:用于HTML4严格文档类型

例如,输入 html:5 然后按下Tab键,就会自动将html头文件补全

2、快速填加 类、id

连续输入元素名称和ID,Emmet会自动为你补全,比如输入p#example按下Tab键就会得到

<p id="example"></p>

输入div.cls#con按下Tab键得到

<div class="cls" id="con"></div>

3、定义多个元素

例如输入 ul>li*3 会得到

<ui>
<li></li>
<li></li>
<li></li>
</ui>

4、嵌套

现在你只需要1行代码就可以实现标签的嵌套。

    • >:子元素符号,表示嵌套的元素

    • +:同级标签符号

    • ^:可以使该符号前的标签提升一行

例如输入 div#con>div得到

<div id="con">
<div></div>
</div>

5、嵌套定义多个带class 或 id的元素

例如: ul.d1>li#d2$*3 会得到

<ul class="d1">
<li id="d21"></li>
<li id="d22"></li>
<li id="d23"></li>
</ul>


免责声明: 本站内收录的所有内容均来自于互联网,其版权均归原作者及其网站所有,如有侵犯您的版权,请联系(1275505176@qq.com),我们将及时删除。并同时向您表示歉意!

你与千元大奖,只差一个萌宝!

家有萌宝的亲爹亲妈粉们, 这可能是你们距离千元大奖最近的一次了! 毕竟, 这次获奖需要的技能绝对都是你们的强项! 辣就是:晒娃! 320 看山看水看春色 晒花晒草晒萌宝 这次活动,刚好是你的…

2017-03-13 16:25:00

万万没想到内蒙古这些美景,竟然撑起中国影视半边天!

幻想着躺在绿油油的斜坡的草地上,对着蔚蓝的天空与大朵的白云,照着和煦的阳光打几个滚然后再美美的睡上一觉,与远处成群的牛、羊、马群为伴,远离浮华。 《狼图腾》 拍摄地:乌拉盖草原 《狼图腾》曾…

2017-03-21 17:21:00

全球变暖后将消失的8个国家,个个风景秀丽

今年冬天的北京,感觉比前几年要暖和一些。这不由让人联想到了全球气候变暖,随着气温的升高,海平面也在逐年上升,长此以往,首先将被淹没的是下面这8个国家,让人遗憾的是,这8个国家各个风光迷人,景色秀丽。 …

2017-01-19 14:17:52

南京互联网企业老板举家失联 留7亿元债务

现代快报记者看到,汉恩数字文化创意产业园大楼尚未封顶  原标题:南京一互联网新星企业老板举家失联  一家看似蒸蒸日上的互联网企业,有一定的知名度,有上百名员工,却在一夜间发生巨变!10月24日,众多南…

2016-12-08 15:36:42

文莱这个土豪国家,没有一家酒馆,建筑用“金子”堆起来

杰米清真寺,又有名“蓝色清真寺”,伊斯兰教徒在朝拜前是要全身沐浴干净,洗干净手脚脸面才能进朝拜室的。女生必须穿着清真寺提供的袍子,男生裤子过膝盖,并寄存好随身物品方可入内。努洛伊曼皇宫,是世界最大…

2017-05-08 10:47:13

全球幸福指数最高的国度

北欧的幸福指数全球第一,可让人意想不到的是,芬兰却是忧郁症多发为国家,到底为什么会这样.地广人稀只是其中一个原因之一,主要是这里的夏天白天只有数小时的日照,白天无边的黑暗容易让人们心情低落.离开圣诞老人的…

2017-05-08 10:56:28

各国旅行地购物退税攻略(全文)

购物退税,顾名思义就是退还商品缴纳的税款,退税额一般是商品价格的15%-16%,有些已打折的商品可能会更低,相当于“折上再返现”,金额十分可观。 要注意的是,留学生和15岁以及15岁以下的未成年人是不能享受退…

2017-05-06 10:30:44

柳岩胸大到都压坏了她的腰,大胸妹子怎么穿才能改善胸型?

当沧桑将在人生道路上画上一个句号时,再回首,却发现失去了太多,留下的是遗憾,何等的无奈,岁月已向你招手,一切无法挽留。睡梦中感到幸福温暖。醒来却是无形的压力和责任,压得自己喘不过气来,现实如此,只…

2017-08-15 00:06:14

推女郎张圆圆巨乳无圣光图片 超级美胸写真秀

张圆圆推女郎巨乳无圣光原图。张圆圆瓜子脸蛋细緻五官,同时又拥有36G傲人上围与完美腿部曲线,很多人都觉得模特张圆圆就是天生为模特这个行业而生的。因为张圆圆天生巨乳,有着完美身材。 ​ ​ ​ ​ ​ …

2017-07-04 00:08:34

性感酥胸美女 酥胸美女张圆圆私房撩人惊艳写真

张圆圆瓜子脸蛋细緻五官,同时又拥有36G傲人上围与完美腿部曲线,很多人都觉得模特张圆圆就是天生为模特这个行业而生的。因为张圆圆天生巨乳,有着完美身材。

2017-07-04 00:05:43

网络红人YOYO苏小苏无马赛克露点写真图

下载原图 下载原图 下载原图 下载原图 下载原图 下载原图 下载原图 下载原图 下载原图 下载原图

2017-07-04 00:02:06
相关文章
    暂无相关的资讯...
网友评论

文章推荐

热文阅读

推荐阅读

微信二维码
手机二维码
关于我们