學習HTML的核心理論就是如何理解什么事盒模型,如果理解了什么是盒模型,那么基本上對HTML的學習沒什么太大問題了。
在一個網(wǎng)站里我們可以把它分成一個個模塊,那這一個個模塊我們可以把它看成是一個個盒子,既然我們把它看成是一個盒子那么盒子有什么?首先盒子給有盒子壁,有了盒子壁才能叫盒子,那么盒子壁就等于HTML中的border外邊框,border主要管盒子壁有多厚,是直線型還是圓型等等和邊框有關(guān)的東西。既然盒子有了邊框了那就分盒子里面和外面,盒子的外面我們理解為空白,在HTML里叫margin外邊距,margin主要管理這這個盒子距離其它盒子有多遠,擺放在哪里,確定位置。那盒子的里面有什么,一般有物品東西,在HTML里就叫content,也就是內(nèi)容,內(nèi)容很好理解,就是我們寫的<div>里的內(nèi)容。有了內(nèi)容在盒子里通常都會有空余的地方,在盒子里內(nèi)容到外邊框的距離需要填充,這一部分叫做內(nèi)邊距,內(nèi)邊距主要掌管的就是盒子里內(nèi)容到外邊框的距離,在盒子里擺放的位置。
學好盒模型理解盒模型對于學習HTML是非常重要的,如果理解了什么是盒模型,動寶兒覺得你就已經(jīng)學會一半了。