sublime text3 jQuery Emmet-Plug-in-Installationsmethode, Tastenkombinationen

Präferenz->Paketsteuerung->Paket installieren> emmet / jQuery

<br>

Lassen Sie uns zuerst über jQuery sprechen

jQuery integriert viele JS-Vervollständigungsfunktionen, zum Beispiel appendChild.

<br>

Emmet

Tastenkombinationen

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

! Tab generiert grundlegendes HTML-Format

Tabellenregisterkarte generiert Tabellen-Tags

ein Tab-Link, ein Tab zum Generieren eines Links und ein CSS-Link

nav>ul>li generiert:

<span style="color: rgb(0, 0, 255);"><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 style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
        <span style="color: rgb(0, 0, 255);"><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></span></span></span>

nav>ul>li*5

<span style="color: rgb(0, 0, 255);"><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 style="color: rgb(128, 0, 0);">ul</span><span style="color: rgb(0, 0, 255);">></span>
        <span style="color: rgb(0, 0, 255);"><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 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 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 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 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></span></span></span></span></span></span></span>

生成#id. class

div#header

span.abc

span.abc.def

<font style="font-size: 12pt;"><span><span> <span>class=</span><span>"abc def"</span><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="sublime text3 jQuery Emmet-Plug-in-Installationsmethode, Tastenkombinationen" style="margin: 0px; display: inline; background-sublime text3 jQuery Emmet-Plug-in-Installationsmethode, Tastenkombinationen: none;" alt="sublime text3 jQuery Emmet-Plug-in-Installationsmethode, Tastenkombinationen" 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>

Das obige ist der detaillierte Inhalt vonsublime text3 jQuery Emmet-Plug-in-Installationsmethode, Tastenkombinationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!