CSS3

CSS3 知识量：11 - 43 - 138

1.2 渐进增强><

渐进增强- 1.2.1 -

由于CSS3还不是成熟的规范，各浏览器对CSS3特性的支持程度也不一致，在实际应用中，为解决这一问题，渐进增强的理念十分有效。

从本质上将，渐进增强就是在编写web页面时，首先确保最核心的内容可以安全的表现，即最重要的内容在任何浏览器中都可以得到基本展现，即使是在不支持CSS3规范的浏览器中，也能看到核心信息。在此基础上，为页面添加CSS3高级特性，使得页面在支持CSS3规范的浏览器中看上去更优雅，给用户更好的视觉体验。

这样就同时兼顾了旧的浏览器和现代浏览器，在现代浏览器中有最好的体验，在旧的浏览器中也可以使用。

优雅降级- 1.2.2 -

与渐进增强理念相对应的就是优雅降级。优雅降级就是在设计web页面的时候，先考虑旧设备能否正确显示核心内容，确保核心信息对所有设备都是可见的。然后在为现代的、高端的设备添加高级特性，使得高端设备体验更佳。

在使用CSS3时，应当尽可能的验证多种浏览器的显示效果，包括现代浏览器和旧的浏览器，确保所有关键信息是可用的。

不要试图让网站在所有浏览器或设备中看上去都一样，因为这在目前是做不到的，如果你尽力这样做，那就意味着臃肿、低效的程序，这是得不偿失的。同时也不推荐使用hack技术，应当一直坚持渐进增强和优雅降级理念。

CSS3

1.简介

1.1 什么是CSS3

1.2 渐进增强

2.CSS3选择器

2.1 选择器简介

2.2 基本选择器

2.3 层次选择器

2.4 动态伪类选择器

2.5 目标伪类选择器

2.6 语言伪类选择器

2.7 UI元素状态伪类选择器

2.8 结构伪类选择器

2.9 否定伪类选择器

2.10 属性选择器

2.11 伪元素

3.CSS3边框

3.1 边框简介

3.2 边框颜色属性

3.3 图片边框属性

3.4 圆角边框属性

3.5 盒子阴影属性

4.CSS3背景

4.1 背景基本知识

4.2 背景原点属性

4.3 背景裁剪属性

4.4 背景尺寸属性

4.5 CSS3多背景

5.CSS3文本

5.1 CSS3文本简介

5.2 文本阴影

5.3 文本溢出

5.4 文本换行

6.CSS3颜色

6.1 网页色彩特性

6.2 CSS3透明属性

6.3 CSS3颜色模式

7.CSS3盒模型

7.1 盒模型简介

7.2 CSS3盒模型属性

7.3 更多盒模型属性

8.CSS3伸缩布局盒模型

8.1 Flexbox模型基础知识

8.2 Flexbox模型术语

8.3 Flexbox模型的应用

9.CSS3多列布局

9.1 多列布局简介

9.2 多列布局属性详解

10.响应式设计

10.1 媒体类型

10.2 媒体特性

10.3 响应式设计

11.嵌入Web字体

11.1 @font-face模块

11.2 应用@font-face

1.2 渐进增强><

渐进增强- 1.2.1 -

优雅降级- 1.2.2 -