持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第9天，点击查看活动详情
CSS的引入方式
按照css样式书写的位置，css样式表可以分为三大类：
行内样式表（行内式）
行内样式表（内联样式表）是在元素标签内部的style属性中设定css样式。适用于修改简单样式。基本格式如下：
<p style="color:pink;">听雨的声音</p>
内部样式表（嵌入式）
内部样式表是写到html页面内部，将所有的css代码抽取出来，单独放到 <style>标签里。它能够实现部分结构和样式相分离，我们前面提到的都为内部样式表。
外部样式表（链接式）
外部样式表是把样式单独写到css文件中，之后把css文件引入到html页面中使用，在实际开发中用到的都是外部样式表，它能够完全实现结构和样式相分离。
引入外币样式表分为两步：
1.新建一个后缀为.css的样式文件，把所有CSS代码都放入文件中。
2.在HTML页面中，使用<link>标签引入这个文件，格式如下:
<link rel="stylessheet" href="css文件路径"
其中rel属性定义当前文档与被链接文档之间的关系，在这里需要指定为"stylesheet",表示被链接的文档是一个样式表文件。
href属性定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
Emmet语法
快速生成HTML结构语法
1.生成标签 直接输入标签名 按tab键 比如输入p 单击tab键 即可生成<p></p>
2.如果想要生成多个相同的标签 加上* 比如div*3 这样就可以生成3个div啦
3.如果有父子级（包含）关系的标签 可以用> 比如ul>li
4.如果是兄弟关系的标签，可以用+ 比如div+p
5.如果生成带有类名或者id名字的，直接写.demo或者#two tab键就可以了
6.如果生成的div类名是有顺序的，可以用自增符号*5
快速生成css样式语法
想要输入宽，就输入w，按Tab键即可自动补全width，想要输入宽为200，就输入w200，按Tab键即可自动补全width：200；高也同理。
