持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第30天，点击查看活动详情
前言
大家好呀，我是L同学。在上篇文章HTML字符实体中，我们学习了HTML中的字符实体、URL、字符编码等相关知识点，。今天，在这篇文章中，我们将学习css中的相关知识点，包括内联样式、内部样式表、外部样式表等相关知识点。
css
CSS表示层叠样式表（Cascading Style Sheet，简称：CSS，又称为又称串样式列表、级联样式表、串接样式表、阶层式样式表），是为网页添加样式的代码。CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言。
CSS的出现是为了美化HTML的，并且让结构（HTML）与样式（CSS）分离。美化方式一：为HTML添加各种各样的样式，比如颜色、字体、大小、下划线等等。美化方式二：对HTML进行布局，按照某种结构显示（CSS进行布局 – 浮动、flex、grid）。
CSS的语法规则是怎么样的呢？
声明（Declaration）一个单独的CSS规则，如 color: red; 用来指定添加的CSS样式。
- 属性名（Property name）：要添加的css规则的名称
- 属性值（Property value）：要添加的css规则的值
CSS提供了3种方法，可以将CSS样式应用到元素上：
- 内联样式（inline style）
- 内部样式表（internal style sheet）、文档样式表（document style sheet）、内嵌样式表（embed style sheet）
- 外部样式表（external style sheet）
内联样式
内联样式（inline style），也有人翻译成行内样式。内联样式表存在于HTML元素的style属性之中。CSS样式之间用分号;隔开，建议每条CSS样式后面都加上分号;
很多资料不推荐这种写法，在原生的HTML编写过程中确实这种写法是不推荐的。但是在Vue的template中某些动态的样式是会使用内联样式的。
内部样式表
将CSS放在HTML文件元素里的元素之中。
在Vue的开发过程中，每个组件也会有一个style元素，和内部样式表非常的相似（原理并不相同）。
外部样式表
外部样式表（external style sheet） 是将css编写一个独立的文件中，并且通过<link>元素引入进来。
使用外部样式表主要分成两个步骤：
第一步：将css样式在一个独立的css文件中编写（后缀名为.css）
第二步：通过<link>元素引入进来；
