关于css:CSS之emmet语法

0次阅读

共计 352 个字符,预计需要花费 1 分钟才能阅读完成。

介绍:

Emmet 语法能够疾速的生成 Html 和 Css 语法, 能够进步 html/css 的编写速度, 进步开发效率

疾速生成 html 的语法

  • 生成标签 间接输出标签名 按 tab 键即可 比方 div 而后 tab 键,就能够生成
  • 如果想要生成多个雷同标签 加上 就能够了 比方 div3 就能够疾速生成 3 个 div
  • 如果有父子级关系的标签,能够用 > 比方 ul > li 就能够了
  • 如果有兄弟关系的标签,用 + 就能够了 比方 div+p
  • 如果生成带有类名或者 id 名字的,间接写 .demo 或者 #two tab 键就能够了
  • 如果生成的 div 类名是有程序的,能够用 自增符号 $
  • 如果想要在生成的标签外部写内容能够用 {} 示意

疾速生成 css 款式语法

  • CSS 根本采取简写模式即可
  • 比方 w200 按 tab 能够 生成 width: 200px;
  • 比方 lh26px 按 tab 能够生成 line-height: 26px;
正文完
 0