从零开始学习HTML+CSS（3）Emmet常用示例

Emmet常用示例
0.以Sublime Text3为例，默认在输入快捷代码后按 Ctrl+e 得到代码片段
下面是一些常见示例及使用方法
1.
快捷代码：!
功能：自动补全html标签
注意：此处应输入英文中的!
示例：
输入

按 Ctrl+e 得到

2.
快捷代码：输入任何标签关键词，如p,h1,div等
功能：自动生成开始标签和结束标签
注意：仅需要输入英文字母或单词
示例：
输入

按 Ctrl+e 得到

3.
快捷代码：在css中，输入需要定义长度（大小）的属性标签首字母及长度（大小）值，也可以是百分比
功能：自动补全
注意：仅在css外部样式表和内部样式表中可以使用，输入数值时是否带单位都不影响
示例：
输入

按 Ctrl+e 得到

输入

按 Ctrl+e 得到

4.
快捷代码：link:css
功能：自动补全css外部样式表引入
示例：
输入

按 Ctrl+e 得到