首先我们了解下什么是css3,css3是css技术的一个升级。css3中并没有采用总体结构,而是采用分工协作的模块化结构。
css3中的模块
模块名称 | 功能描述 |
basic box model | 定义各种与盒相关的样式 |
line | 定义与各种直线相关的样式 |
speech | 定义各种与声音有关的样式,譬如音量、音速、说话间歇时间等属性 |
background and border |
定义各种与背景和边框相关的样式 |
text | 定义各种与文字相关的样式 |
color |
定义各种与颜色相关的样式 |
font |
定义各种与字体相关的样式 |
paged media | 定义各种页眉、页脚、页数等页面元数据的样式 |
cascading and inheritance | 定义怎样对属性进行赋值 |
value and units | 将页面上各种各样的值与单位进行统一定位,以供其他模块使用 |
image values | 定义对image元素的赋值方式 |
more.......
之所以分成这么多模块来进行管理,是为了避免产生浏览器对于某个模块支持不完全的情况。如果只有一个总体结构,这个总体结构会过于庞大,在对其支持的时候很容易造成支持不完全的情况。如果把总体结构分成几个模块,各浏览器可以选择支持哪个模块,不支持哪个模块,支持的时候可以集中把某个模块全部支持完再支持另一个模块,以减少支持不完全的可能性。