ement快捷操作笔记

最新推荐文章于 2021-05-20 13:32:57 发布

Jessie丢

最新推荐文章于 2021-05-20 13:32:57 发布

阅读量244

点赞数 1

分类专栏： HTML 前端

本文链接：https://blog.csdn.net/dfjifjeiwqfjioewqpjf/article/details/104755981

版权

19 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

定义class 和 ID：

输入标签名 .class名：例如：我要生成一个div class名为header的标签 div.header按下Tab

div.header

生成：

<div class="header"></div>

嵌套：嵌套运算符用于在生成的树中定位缩写元素：是否应将其放置在context元素的内部或附近(摘自Emmet文档)。

子：> 使用运算符将元素嵌套在彼此内例如：div>ul>li>a 按下Tab

div>ul>li>a

生成：

<div>
    <ul>
        <li><a href=""></a></li>
    </ul>
</div>

兄弟：+ 生成同级关系的元素例如:div+p+span按下Tab标签

div+p+span

生成：

<div></div>
<p></p>
<span></span>

生成重复的元素：* 使用 * 可以生成重复的元素例如：li*10按下Tab标签

li*10

生成：

<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>

文本：使用 { } 把想要写的文本放入里面例如：a{ 山不在高有仙则名 }按下Tab

a{这里是文本}

生成：

<a href="">这里是文本</a>

组合：使用括号()内容对复杂缩写中的子树进行分组例如：

<div>
    <header>
        <ul>
            <li></li>
            <li></li>
        </ul>
    </header>
    <footer></footer>
</div>

平常使用的快捷操作做个总结：有参考https://www.cnblogs.com/xiaojuziya/p/10896972.html

关注