1.Emmet语法
作用:用于提高编写html/css的速度
a. 快速生产HTML结构
1.生成标签,直接输入标签吗即可,例如 div 然后按tab键,就可以生成 <div></div>
2.如果想要生成多个相同标签,加上 * 即可,例如 div3,就可以生成3个 <div></div>
3.如果有父子级关系的标签,可以用 > ,例如 ul>li
4.如果有兄弟关系的标签,用 + 即可,例如 div+p
5.如果生成带有类名或者id名字的,直接写 标签名.类名 或者 标签名#id的属性值 ,让按tab键即可
6.如果生成的div类名是有顺序的,可以用自增符号 $ ,例如 标签名.类名$5
7.如果生成的标签里面有默认的文字,可以使用 标签{内容}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- div*10 -->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div