首先我們瞭解下什麼是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.......
之所以分成這麼多模組來進行管理，是為了避免產生瀏覽器對於某個模組支援不完全的情況。如果只有一個總體結構，這個總體結構會過於龐大，在對其支援的時候很容易造成支援不完全的情況。如果把總體結構分成幾個模組，各瀏覽器可以選擇支援哪個模組，不支援哪個模組，支援的時候可以集中把某個模組全部支援完再支援另一個模組，以減少支援不完全的可能性。