01、CSS 简介

CSS 指层叠样式表 (Cascading Style Sheets)，对HTML网页内容进行统一外观样式设计和管理，给网页进行各种装饰，让她变得美观，是HTML的化妆师。（Cascading ：/kæsˈkeɪdɪŋ/（水）倾泻；连续传递；串联。cascade 的现在分词）

主要优点：

• 美化页面：提供丰富的外观设计能力，大量的样式属性。
• 可复用：可以统一管理HTML页面的样式，可复用。
• CSS3可以实现网页样式、内容分离，并对网页元素实现像素级的样式管理。

1.1、知识框架

详见前端技术路线图

1.2、CSS 是怎么工作的？

下面的步骤是浏览加载网页的简化版本，而且不同的浏览器在处理文件的时候会有不同的方式，但是下面的步骤基本都会出现。

当浏览器遇到无法解析的 CSS 代码会发生什么？——什么也不会干，继续解析下一个CSS样式。

02、CSS基础知识

2.1、基础语法

CSS样式由 选择器名 花括号 {n个申明(属性:值);} 组成。

• 选择器就是用来选择要改变样式的HTML元素。
• 属性与值用半角冒号:分开，半角分号;结尾，分割多组键值。一般建议一行一个键值对。
• 如果属性值有多个词组，需加上引号保护起来。
• 不合法、错误的申明会被忽略（跳过），CSS总是怎么宽容！