CSS深入基础篇---Emmet语法(1)

Emmet(前身Zencoding)是一种强大的工具,内置在Vscode中,用于加速HTML和CSS的编写。通过使用简洁的缩写,如*符号生成多个标签,>生成父子级标签,+生成兄弟级标签,以及直接添加类名和ID,Emmet大大简化了代码编写过程。在CSS中同样适用,使得开发者能更高效地创建复杂的样式结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Emmet语法的前身是 Zen coding 它使用缩写,来提高html.css的编写速度,Vscode内部已经集成改语法  说白了就是用来简写

一: 快速生成HTML结构的语法

1.如果想要生成多个相同的标签,加上 * 就可以了 比如 div*3 就会生成 3个 div

2.如果有父子级的标签,可以用 > 比如 ul>li 就同时生成 ul 和 li

3.如果是兄弟关系的标签, 用 + 就可以了 比如 div+p

 

4.如果生成带有类名或者id名字的, 直接写例如 .demo 或者 #two  

 

二.在CSS中也适用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值