Emmet快速生成HTML和CSS

简述

  Emmet语法的前身是Zen coding,它使用缩写,用来提高html/css的编写速度。

快速生成HTML标签

  标签名+TAB——直接生成标签

  标签名*x——生成x个标签

  父标签>子标签——生成包含一组子标签的父标签

  兄弟标签+兄弟标签——生成并列的兄弟标签

  标签名.类名——生成指定类名的标签

  标签名#id名——生成带有id的标签

快速生成CSS样式

  CSS样式就更为简单,Emmet的生成就是按首字母来生成的

  ti+Tab可以生成text-indent

  lh生成line-height

  同时,在首字母后面写上数字的话,也会自动输入数字进去

  比如w100px,会生成width: 100px;

posted @ 2020-10-19 19:01  艾尔夏尔-Layton  阅读(164)  评论(0编辑  收藏  举报