极悦告诉你如何理解HTML盒模型_极悦注册

极悦告诉你如何理解HTML盒模型


  学习HTML的核心理论就是如何理解什么事盒模型,如果理解了什么是盒模型,那么基本上对HTML的学习没什么太大问题了。

图片3.png


  在一个网站里我们可以把它分成一个个模块,那这一个个模块我们可以把它看成是一个个盒子,既然我们把它看成是一个盒子那么盒子有什么?首先盒子给有盒子壁,有了盒子壁才能叫盒子,那么盒子壁就等于HTML中的border外边框,border主要管盒子壁有多厚,是直线型还是圆型等等和边框有关的东西。既然盒子有了边框了那就分盒子里面和外面,盒子的外面我们理解为空白,在HTML里叫margin外边距,margin主要管理这这个盒子距离其它盒子有多远,摆放在哪里,确定位置。那盒子的里面有什么,一般有物品东西,在HTML里就叫content,也就是内容,内容很好理解,就是我们写的<div>里的内容。有了内容在盒子里通常都会有空余的地方,在盒子里内容到外边框的距离需要填充,这一部分叫做内边距,内边距主要掌管的就是盒子里内容到外边框的距离,在盒子里摆放的位置。


  学好盒模型理解盒模型对于学习HTML是非常重要的,如果理解了什么是盒模型,动宝儿觉得你就已经学会一半了。


  


上一篇:学习Java成就美好人生
下一篇: W3C在线手册

开班信息