emmet语法总结

来源:互联网 发布:对json进行url编码 编辑:程序博客网 时间:2024/06/05 19:30
  1. 生成结构的快捷键:!+tab生成html5的结构代码
  2. 生成id名和类名
  1. 标签名.类名/#id名 + tab
  2. 没有标签名.类名 + tabè 直接就是默认生成div
  1. 生成同级元素
标签名 + 标签名 + 标签名 “+” tab
  1. 生成子类标签
标签名>子标签名>子标签名>子标签名 + tab
标签名>子标签名>子标签名>子标签名>^^子标签名(如果不写^这个子标签就是父子级的关系,如果写了就是同级关系,其实“^”就是往上走一级的意思) + tab
  1. 带固定数量的标签
Ul>li*5 + tab
  1. 带有序号名称
Ul>li.abc$*3 + tab
  1. 生成带有内容的标签
Ul>li>a{item}*5 + tab
  1. css简写
  width:30pxè w30 + tab
height:30pxè h30 + tab
margin:30pxè mg30 + tab
padding:30pxè pd30 + tab
line-height:12pxè lh12px + tab;
backgroundè bg + tab
原创粉丝点击