Maison > interface Web > tutoriel HTML > méthode d'installation du plug-in sublime text3 jQuery Emmet, touches de raccourci

méthode d'installation du plug-in sublime text3 jQuery Emmet, touches de raccourci

PHP中文网
Libérer: 2017-07-03 17:30:48
original
1482 Les gens l'ont consulté

préférence->contrôle du package->package d'installation> emmet / jQuery

<br>

Parlons d'abord de jQuery

jQuery intègre de nombreuses fonctions de complétion JS, par exemple appendChild.

<br>

Emmet

Touches de raccourci

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

! L'onglet génère un format HTML de base

L'onglet table génère des balises de table

un onglet lien onglet génère un lien, et un lien css

nav>ul>li génère :

<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>
Copier après la connexion

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>
Copier après la connexion

生成#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>
Copier après la connexion
<br>
Copier après la connexion
Copier après la connexion
<font size="5" style="background-color: rgb(255, 255, 0);">CSS</font>
Copier après la connexion
<font style="font-size: 12pt;">po/ pos</font>
Copier après la connexion
<font style="font-size: 12pt;">弹出:position:relative;</font>
Copier après la connexion
<font size="3">poa/ pos:a;/posa</font>
Copier après la connexion
<font size="3">弹出: position:absolute;</font>
Copier après la connexion
<br>
Copier après la connexion
<font size="3">p</font>
Copier après la connexion
<font size="3">弹出:padding:;</font>
Copier après la connexion
<font size="3">b/bo</font>
Copier après la connexion
<font size="3">bottom:;</font>
Copier après la connexion
<font size="3">backg/bg</font>
Copier après la connexion
<font size="3">background:;</font>
Copier après la connexion
<font size="3">bg+</font>
Copier après la connexion
<img    style="max-width:90%"  style="max-width:90%" title="méthode dinstallation du plug-in sublime text3 jQuery Emmet, touches de raccourci" style="margin: 0px; display: inline; background-méthode dinstallation du plug-in sublime text3 jQuery Emmet, touches de raccourci: none;" alt="méthode dinstallation du plug-in sublime text3 jQuery Emmet, touches de raccourci" src="https://img.php.cn/upload/article/000/000/001/d6a293d149c6643c3ffbda36f9bb1e60-0.png" border="0">
Copier après la connexion
bd
Copier après la connexion
boarder
Copier après la connexion
m
Copier après la connexion
margin
Copier après la connexion
m:a
Copier après la connexion
margin:auto
Copier après la connexion
<br>
Copier après la connexion
Copier après la connexion
<font style="font-size: 12pt;">
</font>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal