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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sublime text3 emmet 插件 安装方法,,快捷键相关的知识,希望对你有一定的参考价值。

preference->package control->install package> emmet


快捷键

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


! tab 生成html基本格式

table tab 生成table的标签

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

nav>ul>li 生成:

<nav>
    <ul>
        <li></li>
    </ul>
</nav>

nav>ul>li*5

<nav>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</nav>

生成#id. class

div#header

<div id="header"></div>

span.abc

<span class="abc"></span>

span.abc.def

<span class="abc def"></span>

CSS
po/ pos
弹出:position:relative;
poa/ pos:a;/posa
弹出: position:absolute;

p
弹出:padding:;
b/bo
bottom:;
backg/bg
background:;
bg+
技术分享
bd
boarder
m
margin
m:a
margin:auto







以上是关于sublime text3 emmet 插件 安装方法,,快捷键的主要内容,如果未能解决你的问题,请参考以下文章

Sublime Text3开发工具安装emmet插件

sublime text3 下载安装与 Emmet插件的安装

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

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

Sublime Text3 Package Control和Emmet插件安装方法

Sublime text3 013 emmet 插件