1. 首页 > 理财生活 > 个人修养
  2. sublime 快速编写代码技巧

sublime 快速编写代码技巧

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

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

1552059275809463.png

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>


免责声明: 本站内收录的所有内容均来自于互联网,其版权均归原作者及其网站所有,如有侵犯您的版权,请联系我们。转载请备注来源:理财生活   http://www.licailife.com/

本文来源理财生活,转载或内容合作请联系我们(zlhrss@sina.com)本文链接:http://www.licailife.com/life/xiu/99.html

发表评论

联系我们

如有建议:>> 给我留言
在线QQ
联系方式: 495649801

QR code