首页 > 其他 > 详细

emmet语法

时间:2021-08-30 01:58:32      阅读:6      评论:0      收藏:0      [点我收藏+]
Emmet快速生成Html标签
1.文档生成
Html:5或!按<kbd> tab </kbd>
2.完成标签
输入标签名字按tab
3.标签名后输入# . 生成有id class 的标签如 div#gou.tu
4.> 生成后代 ul>li
5.+ 生成兄弟 div+p
6.^ 生成与上一级同级标签 ul>li>a^div div 与li同级 ,^可以多次加
7.* 重复生成多个标签 后面接数字 ul>li*5
8.() 生成分组的标签 ul>(li>a)*2
9.$ 定义自增数字  ul>li#yyk$*5
10.$$$.. 生成多位递增
11.[] 自定义属性
12.@- 递减 ul>li.yyk$@-10*4
13.@  递增 ul>li.yyk$@10*4
14.{} 文本 p{我是yyk}
15.缺省元素   .yyk+.ood 生成两个兄弟div标签; ul>.yyk*3 生成3个li 标签

Emmet快速生成css样式
属性与属性值
w100 = width:100;
p = %
e = em


Emmet规范代码排版

emmet语法

原文:https://www.cnblogs.com/duse-evol/p/15200380.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!