一文学会HTML速写Emmet语法

Emmet: 高级的代码补全,让我们写代码更快。

话不多说,开干!


1.写某个标签然后按tab键自动补全【缩写补全】

2.  嵌套的缩写

 

其中 嵌套中有这些字符:> + ^ * () 

 > 代表父子关系

* 代表重复

+

所以,+代表同级元素

^ 代表

所以^ 代表网上爬升一级。

()代表让逻辑关系更加清晰:

3. 属性:

特殊符号:# .

# 代表id

. 代表class

关于自定义属性:[]

 

4. 带有数字编号的class: $符号

5. 填充文本: {}

6. 填补无意义的文字:

如果想规定生成的单词个数,可以像这样:

Emmet语法注意:中间不要加空格,光标要移到末尾。

Emmet还可以在css中应用:

 

 

 等等

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:C马雯娟 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值