1、简介
层叠样式表（Cascading Style Sheets，CSS）允许我们把样式设置存储在文件中，从而将内容与表现分离
当同一个 HTML 元素被不只一个样式定义时，最终的样式确定顺序如下（优先级从小到大排列）：
- 浏览器缺省设置
- 外部样式表
- 内部样式表
- 内联样式
（1）外部样式表
当样式需要应用于很多页面时，外部样式表是理想的选择，使用 <link> 标签链接样式表，<link> 标签一般位于 HTML 文档头部
<head>
<link rel="stylesheet" type="text/css" href="fileName.css" />
</head>（2）内部样式表
当单个文件需要特殊的样式时，可以使用内部样式表，使用 <style> 标签定义样式，<style> 标签一般位于 HTML 文档头部
<head>
<style type="text/css">
/* 这里写样式定义 */
</style>
</head>（3）内联样式
当单个元素需要特殊的样式时，可以使用内联样式，在需要定义特殊样式的标签内使用 style 属性，但是由于该方法使得内容和表现混合在一起，极大削弱了样式表的优势，所以不建议使用
<p style="color: red;">这是一个段落</p>2、语法
CSS 语法规则由两部分组成，分别是 选择器 和 声明语句，选择器用于定位需要改变样式的 HTML 元素，声明语句由属性和值组成，并且一般情况下值需要被双引号包围，用于说明具体的样式
selector {
property: value;
property: value;
......
}