第四章 盒子模型

CSS 3中提出了盒子模型來(lái)完成對(duì)元素的直接定位，即能夠?yàn)轫?yè)面元素定義邊框，并修飾內(nèi)容距離，從而優(yōu)化文本內(nèi)容的顯示效果。盒子模型是CSS中的一個(gè)核心內(nèi)容，頁(yè)面中的所有元素都看成一個(gè)盒子，它占據(jù)著頁(yè)面一定的空間。只有很好地掌握了盒子模型以及其中的每個(gè)屬性的用法，才能真正控制好頁(yè)面元素。本章主要介紹盒子模型，并講解CSS定位方法。

【學(xué)習(xí)目標(biāo)】

通過(guò)本章的學(xué)習(xí)，了解DIV布局中最常用的margin、padding屬性和盒子常用屬性等。

【本章涉及知識(shí)點(diǎn)】

1、盒子模型

2、盒子之間的關(guān)系

3、盒子在標(biāo)準(zhǔn)流中的定位原則

4、盒子的浮動(dòng)

5、盒子的定位