XM的小窝


 

【笔记】超方便的emmet语法

想要使用emment语法,得先确定自己的编辑器是否支持emment :huaji4: 

Emmet语法

快速生成HTML代码语法:

  • 生成标签直接输入标签名,按tab键即可 比如 div 然后按tab键.
  • 如果想要生成多个相同的标签,加上 * 就可以了 例如:div*3.
  • 如果想加入子级标签,可以用 > 比如 ul > li 就可以了.
  • 如果有兄弟关系的标签,用+ 就可以了 比如 div+p.
  • 如果生成带u有类名或者id名字的,直接用.或者# + 类名就好了 例如 a.kano.
  • 如果生成的div类名是有顺序的,可以用自增符号$(一般配合第七点使用).
  • 如果想要在生成的标签内部写内容,可以用{}来表示、例如 div{我是内容}.

快速生成CSS代码语法:

CSS语法基本为简写 例如 width:100px; 的写法是 w100.

又如 background-image: 可以直接缩写为bgi回车即可.

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注