emmet的基本写法：

.ct 点是class

   <div class="ct"></div>

＃ct 井号是id

    <div id="ct"></div>

.ct>.ct 加号表示两个div并列

   <div class="ct"></div><div class="ct"></div>

.ct>ct1 ">"表示其子元素

   <div class="ct"><div class="ct1"></div></div>

.ct*6 乘号后面加个数表示该元素的展开个数

   <div class="ct"></div><div class="ct"></div><div class="ct"></div><div class="ct"></div><div class="ct"></div><div class="ct"></div>

.ct$*6 $符号表示数字标号

    <div class="ct1"></div><div class="ct2"></div><div class="ct3"></div><div class="ct4"></div><div class="ct5"></div><div class="ct6"></div>

以上的基本方法排列组合，再用（）来决定展开顺序即可；

心得

一直以来emmet使得html标签和css标签的书写速度加快，减少了许多不必要浪费的时间，学会使用emmet是每一个前端开发人员应该具有的基本技能。

emmet快速缩写展开的基本写法与心得相关推荐

Emmet (ZenCoding) 缩写语法
Emmet 使用类似于 CSS 选择器的语法描述元素在生成的文档树中的位置及其属性. 元素可以使用元素名(如 div 或者 p)来生成 HTML 标签.Emmet 没有预定义的有效元素名的集合,可以 ...
完全理解乘法快速幂及其两种写法的解析
an=?0≤n≤10105an=?0≤n≤10105 a^n=? \qquad 0 \le n \le 10^{10^5} 没错,乘法快速幂就是解决上述问题的. 乘法快速幂的思想可以看到,要求一个数 ...
【天光学术】定性论文缩写性摘要的写法
对于大部分定性的研究的作者来说,建议大家采取缩写性摘要的写法,有两个原因,第一,缩写性摘要的写法是由我提出来的,所以当然要推广自己提出的这种写法:第二,这种写法能够满足大部分期刊的要求,我们先不管定量 ...
Makefile写法入门心得
Makefile的写法入门心得 Makefile的出现使得编译过程极大地自动化了,省去了很多人工工作,非常方便.这里,小结一下写Makefile的一点小心得.嗯,对了,差点忘了一件事,同一个Makef ...
我的世界工业服务器发展最快,《我的世界》中国版服务器快速发展攻略发展思路及心得分享...
<我的世界>中国版服务器快速发展攻略发展思路及心得分享 2017-07-21 16:48:46来源:论坛编辑:评论(0) <我的世界>中国版测试已经开启,不少玩家已经进入开启 ...
Emmet插件比较实用常用的写法
看了一些关于Emmet插件写法的文档,港真,怎么可以写这么长啊.其实知道几个大概要点加上实践基本就能上手写了啊杂话我前面有一篇[今天发现新大陆:haml和Emmet ],其实一开始的想法是写给自己 ...
Emmet 快速编写html代码
简介快速编写HTML代码语法简单,语法类似css选择器,30分钟内你就可以搞定它.开发商为sublime.atom.brackets.hbuilder.webstrom等编辑器或IDE提供对应的插 ...
Emmet快速编写HTML代码
缩写是Emmet工具的核心,这些特殊的表达式通过Emmet解析并转化为结构化的代码块,而语法用CSS选择器,HTML标签和一些Emmet特定的代码生成,所以对于任何一个前端开发人员都可以很容易地掌握和 ...
emmet :_使用Emmet快速编写HTML Crazy Fast：交互式指南
emmet : 什么是Emmet? (What is Emmet?) From the official Emmet website, "Emmet is a plugin for many ...

emmet快速缩写展开的基本写法与心得

emmet的基本写法：

.ct 点是class

＃ct 井号是id

.ct>.ct 加号表示两个div并列

.ct>ct1 ">"表示其子元素

.ct*6 乘号后面加个数表示该元素的展开个数

.ct$*6 $符号表示数字标号

以上的基本方法排列组合，再用（）来决定展开顺序即可；

心得

emmet快速缩写展开的基本写法与心得相关推荐

最新文章

热门文章