（一）CSS3简介

一、发展

CSS3是在CSS2的基础上发展而来的，是一个全新的版本。

二、模块与模块化

1.CSS3没有采用总体结构而是采用了分工协作的模块与模块化的结构。

2.原因：

避免产生浏览器对于某个模块支持不完全的情况。

把总体结构分成几个模块，各浏览器选择对哪个模块进行支持，对哪个模块不支持，

支持的时候也可以集中把某一个模块支持完了再支持另一个模块，以减少支持不完全的可能。

3.CSS3中的模块：

（1）.Background and border：各种背景和边框相关的样式

（2）.Text：各与文字相关的样式

（3）.Color：各种与颜色相关的样式

（4）.Font：各种与字体相关的样式

（5）.Paged Media ：各种页眉、页脚、页数等页面元素数据的样式

（6）.Cascading and inheritance：定义怎样对属性进行赋值

（7）.Value and Units：将页面上各种各样的值与单位进行统一定义，以供其他模块说明

（8）.Image Values：定义对Image元素的赋值方式

（9）.2D Transforms：在页面上实现二维空间的变形效果

（10）.3D Transforms：实现三维空间的变形效果

（11）.Animations：实现动画

（12）.CSSＯＭ　View：查看管理页面或页面的视觉效果

（13）.Transitions：在页面中实现平滑过渡的视觉效果

（14）.Syntax：定义CSS样式表的基本结构，样式表中的语法细节，浏览器对于样式表的分析规则

（15）.Generated and Replaced Content：定义怎样在元素中插入内容

（16）.Marque：定义当一些元素内容过大时，超出指定元素尺寸时，是否以及怎样显示溢出部分

（17）.Ruby：定义Ruby元素的样式

（18）.Writing Modes：定义页面中文本数据的布局方式

（19）.Basic User Interface：定义在屏幕以及纸张进行输出时，页面的渲染方式

（20）.Namespaces：定义使用命名空间时的一些语法

（21）.Media Queries：根据媒体类型实现不同的样式

（22）.'Reader' Media Type：定义用于屏幕阅读器之类的应用程序时的样式

（23）.Multi-column Layout：在页面中使用多兰布局方式

（24）.Template Layout：在页面中使用特殊布局方式

（25）.Flexible Box Layout：创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局

（26）.Grid Position：使用网格布局方式

（27）.Generated Content for Paged Media：在页面中使用印刷时的布局方式