前言：HTML-页面结构，负责从语义的角度搭建页面结构；CSS-页面样式表现，负责从审美的角度美化页面；JavaScript-交互行为，负责从交互的角度提升用户体验。HTML+CSS是为了实现Web标准的样式和结构分离。
一、CSS的定义
CSS英文全名 Cascading Style Sheets ，中文名-层叠样式表，它主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
二、CSS代码语法
CSS 样式由选择器和声明组成，而声明又由属性和值组成，例如：
/* CSS注释内容 */，注意HTML注释是这样的：
p {
font-size: 16px;
color: green;
}
// 其中 'p' 就是选择器，'font-size: 16px'整体就是一个声明，'font-size'就是属性
// '16px'就是值
三、CSS应用到元素样式
1、内联式
inline style 内联样式 ，把CSS代码直接写在现有的HTML标签中，通常用于特殊场合的特殊元素。代码如下：
这是超神卡卡罗特
2、嵌入式
document style sheet 也叫文档样式表，把CSS样式代码写在 标签之间，并且一般情况下嵌入式CSS样式写在 之间，通常用于单个page特有的样式。代码如下：
...
3、外部式
external style sheet 外部样式表 ，把CSS代码写一个单独的外部文件中，这个CSS样式文件以 .css 为扩展名，在 标签内（不是在