sublime text3 jQuery Emmet 插件安装方法,快捷键-html tutorial-php.cn

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

PHP中文网

Lepaskan： 2017-07-03 17:30:48

asal

1448 orang telah melayarinya

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>

Salin selepas log masuk

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>

Salin selepas log masuk

生成#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>Salin selepas log masuk
<br>Salin selepas log masuk
Salin selepas log masuk
<font size="5" style="background-color: rgb(255, 255, 0);">CSS</font>Salin selepas log masuk
<font style="font-size: 12pt;">po/ pos</font>Salin selepas log masuk
<font style="font-size: 12pt;">弹出:position:relative;</font>Salin selepas log masuk
<font size="3">poa/ pos:a;/posa</font>Salin selepas log masuk
<font size="3">弹出: position:absolute;</font>Salin selepas log masuk
<br>Salin selepas log masuk
<font size="3">p</font>Salin selepas log masuk
<font size="3">弹出:padding:;</font>Salin selepas log masuk
<font size="3">b/bo</font>Salin selepas log masuk
<font size="3">bottom:;</font>Salin selepas log masuk
<font size="3">backg/bg</font>Salin selepas log masuk
<font size="3">background:;</font>Salin selepas log masuk
<font size="3">bg+</font>Salin selepas log masuk
<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">Salin selepas log masuk
bdSalin selepas log masuk
boarderSalin selepas log masuk
mSalin selepas log masuk
marginSalin selepas log masuk
m:aSalin selepas log masuk
margin:autoSalin selepas log masuk
<br>Salin selepas log masuk
Salin selepas log masuk
<font style="font-size: 12pt;">
</font>Salin selepas log masuk

Atas ialah kandungan terperinci sublime text3 jQuery Emmet 插件安装方法,快捷键. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

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