1. CSS的出现

CSS全称为 Cascading Style Sheets，即层叠样式表，是一种独立的样式表语言，用来描述HTML或XML文档的呈现。其基本目标是让浏览器以指定的特性去绘制页面元素，比如颜色，定位，装饰。

CSS是万维网之父李爵士(Tim-Berners-Lee)的挪威同事赖先生(Håkon Wium Lie)提出的，目前世界上使用最广泛的版本是CSS 2.1，从CSS 3 版本后CSS就开始模块化，之后的CSS的升级是各个模块各自升级。

即CSS 被分为不同等级：CSS1 现已废弃， CSS2.1 是推荐标准，CSS3 分成多个小模块且正在标准化中。

2. CSS属性的支持性

并不是所有浏览器都支持CSS的所有属性的，因此在使用属性前若要兼容某浏览器，则可以查看属性的支持程度，在网站caniuse查询CSS属性的支持程度

3. CSS语法

3.1 选择器语法

在 CSS 中，无论是属性名还是属性值都是对大小写不敏感的。属性与值之间以英文冒号 ‘:’ 隔开。属性与值前面、后面与两者之间的空白不是必需的，会被自动忽略。

声明块里面的声明之间使用英文分号（’;’ ）隔开。声明块可能为空，也就是包含空的声明。声明之间的空格会被忽略，声明块里最后一个声明可以不用分号，不过建议加上，以方便扩展声明块。

  1. 选择器{
  2.     属性名: 属性值;
  3.     属性名: 属性值;
  4.     属性名: 属性值
  5. }

3.2 @语法

  1. @charset "UTF-8"
  3. @import url(style2.css)
  5. @media (min-width:100px) and (max-width:300px){
  6.     里面是选择器语法
  7. }

4. 基本单位

4.1 长度单位

px：像素

em：在 font-size 中使用是相对于父元素的字体大小，在其他属性中使用是相对于自身的字体大小，如 width。

rem：相对于根元素的字体大小。

vw：视口宽度的 1%。

vh：视口高度的 1%。

4.2 颜色

十六进制

RGBA颜色

hsl颜色