Heim > Web-Frontend > HTML-Tutorial > sublime text3 jQuery Emmet-Plug-in-Installationsmethode, Tastenkombinationen

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

PHP中文网
Freigeben: 2017-07-03 17:30:48
Original
1482 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

生成#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>
Nach dem Login kopieren
<br>
Nach dem Login kopieren
Nach dem Login kopieren
<font size="5" style="background-color: rgb(255, 255, 0);">CSS</font>
Nach dem Login kopieren
<font style="font-size: 12pt;">po/ pos</font>
Nach dem Login kopieren
<font style="font-size: 12pt;">弹出:position:relative;</font>
Nach dem Login kopieren
<font size="3">poa/ pos:a;/posa</font>
Nach dem Login kopieren
<font size="3">弹出: position:absolute;</font>
Nach dem Login kopieren
<br>
Nach dem Login kopieren
<font size="3">p</font>
Nach dem Login kopieren
<font size="3">弹出:padding:;</font>
Nach dem Login kopieren
<font size="3">b/bo</font>
Nach dem Login kopieren
<font size="3">bottom:;</font>
Nach dem Login kopieren
<font size="3">backg/bg</font>
Nach dem Login kopieren
<font size="3">background:;</font>
Nach dem Login kopieren
<font size="3">bg+</font>
Nach dem Login kopieren
<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">
Nach dem Login kopieren
bd
Nach dem Login kopieren
boarder
Nach dem Login kopieren
m
Nach dem Login kopieren
margin
Nach dem Login kopieren
m:a
Nach dem Login kopieren
margin:auto
Nach dem Login kopieren
<br>
Nach dem Login kopieren
Nach dem Login kopieren
<font style="font-size: 12pt;">
</font>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage