sublime text3 jQuery Emmet 插件安装方法,快捷键-html教程-PHP中文网

sublime text3 jQuery Emmet 插件安装方法,快捷键

PHP中文网

发布： 2017-07-03 17:30:48

原创

1483 人浏览过

preference->package control->install package> emmet / jQuery

<br>

先说jQuery

jQuery 集成了很多JS的补全功能.例如appendChild, 它会有.

<br>

Emmet

快捷键

http://docs.emmet.io/cheat-sheet/

! tab 生成html基本格式

table tab 生成table的标签

a tab \ link tab 生成链接, 和css 链接

nav>ul>li 生成:

<span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">nav</span><span style="color: rgb(0, 0, 255);">></span>
    <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
        <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
    <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">nav</span><span style="color: rgb(0, 0, 255);">></span>

登录后复制

nav>ul>li*5

<span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">nav</span><span style="color: rgb(0, 0, 255);">></span>
    <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
        <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
        <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
        <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
        <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
        <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></</span><span style="color: rgb(128, 0, 0);">li</span><span style="color: rgb(0, 0, 255);">></span>
    <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
<span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">nav</span><span style="color: rgb(0, 0, 255);">></span>

登录后复制

生成#id. class

div#header

span.abc

span.abc.def

<font style="font-size: 12pt;"><span><span</span> <span>class=</span><span>"abc def"</span><span>></span></span></font>登录后复制
<br>登录后复制
登录后复制
<font size="5" style="background-color: rgb(255, 255, 0);">CSS</font>登录后复制
<font style="font-size: 12pt;">po/ pos</font>登录后复制
<font style="font-size: 12pt;">弹出:position:relative;</font>登录后复制
<font size="3">poa/ pos:a;/posa</font>登录后复制
<font size="3">弹出: position:absolute;</font>登录后复制
<br>登录后复制
<font size="3">p</font>登录后复制
<font size="3">弹出:padding:;</font>登录后复制
<font size="3">b/bo</font>登录后复制
<font size="3">bottom:;</font>登录后复制
<font size="3">backg/bg</font>登录后复制
<font size="3">background:;</font>登录后复制
<font size="3">bg+</font>登录后复制
<img    style="max-width:90%"  style="max-width:90%" title="image" style="margin: 0px; display: inline; background-image: none;" alt="image" src="https://img.php.cn/upload/article/000/000/001/d6a293d149c6643c3ffbda36f9bb1e60-0.png" border="0">登录后复制
bd登录后复制
boarder登录后复制
m登录后复制
margin登录后复制
m:a登录后复制
margin:auto登录后复制
<br>登录后复制
登录后复制
<font style="font-size: 12pt;">
</font>登录后复制

以上是sublime text3 jQuery Emmet 插件安装方法,快捷键的详细内容。更多信息请关注PHP中文网其他相关文章！

sublime text3 jQuery Emmet 插件 安装方法,快捷键

sublime text3 jQuery Emmet 插件安装方法,快捷键