emmet语法

在生成HTML页面的时候,可以利用emmet语法,来快速生成HTML结构。

按回车,来生成HTML结构。

(1) section.layout.float

结果:

<section class="layout float"></section>

 

(2) div>ul>li*5

结果:

<div>
  <ul>
     <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
   </ul>
</div>

 

 (3) div.left+div.right+div.center

结果:

<div class="left"></div>
<div class="right"></div>
<div class="center"></div>

 

 

 

 

参考:emmet官方文档

 

posted on 2019-06-06 21:02  前端大基础  阅读(177)  评论(0编辑  收藏  举报

导航