Emmet语法——CSS学习笔记（6）

6.1 快速生成HTML结构语法

• 生成标签：直接输入标签名后按tab键即可。
  • 如 输入div→按tab→显示<div></div>
• 生成多个相同标签：标签名*n 后按tab或回车
  • 如 输入div*10→按tab→生成十个<div></div>
• 父子级标签：父标签名>子标签名 tab
  • 如 输入ul>li→生成<ul><li></li></ul>
• 兄弟关系标签：标签1+标签2 tab
  • 如 输入div+p→生成<div></div> <p></p>
• 带类名和id名的标签：(标签).类名或(标签)#id tab
  • 如 输入p.font35→生成<p class="font35"></p>
  • 如 输入li#two→生成<li id="two"></li>
  • 如果不写标签名默认生成div标签
• 类名带顺序：(标签).类名$*n
  • 如输入p.fon$*3,显示

    <p class="fon1"></p>
    <p class="fon2"></p>
    <p class="fon3"></p>
  

• 生成标签内部写内容：标签{内容文字}

6.2 快速生成CSS样式语法

• 首字母简写
  • tac→tab或回车→text-align: center;
  • w100→tab或回车→width: 100px;
  • ti2e→tab或回车→text-indent: 2em;

6.3快速格式化代码

• ctrl+s保存的同时就自动格式化了