Emmet语法的讲解视频#清北华实知识分享

大家好，我是清北华实前端五班的学生王赛伯。今天是11月17日，我要分享的知识是Emmet。语法一共分为两部分：第一部分快速生成HTML结构语法，第二部分快速生成CSS样式语法。第一部分一共分为7个点。

·第一点、生成标签直接输入标签名按Tab键即可，比如div然后Tab键就可以生成div。操作一下，输入div，直接点击Tab键即可生成。

·第二点、如果想要生成多个相同标签加上*就可以了，比如div*3就可以快速生成3个div。操作一下，输入div*3，点击Tab键。

·第三点、如果有父子级关系的标签可以用大于号，比如ul大于li就可以了。操作一下，ul大于li。

·第四点、如果有兄弟关系的标签用加号就可以了，比如div加p。操作一下，div加p会同时生成两个标签。

·第五点，如果生成带有类名或者id名字的直接写点任何字母或者#twotable键就可以了。我们来操作一下，点()，然后任何字母，点击开播键即可生成带有类名或id的标签。

·第六点，如果想要生成的div类名是有顺序的可以用自增符号。我们来操作一下，输入div一个自增符号，div标签里面会出现有顺序的数字。

·第七点，如果想要在生成的标签内部写内容可以用括号表示。我们来操作一下，输入一个p标签，一个括号，在里面输入前端，点击回车。

·第二部分，CSS基本采取简写形式即可。例如输入w200按tab键可以生成width：200px；h26px按tab可以生成height：26px；输入h26。

我的分享完毕，愿你我都能成为一名终身学习者，谢谢大家。