×

html5教程

HTML——盒模型(html 盒模型)

百度用户45065 百度用户45065 发表于2024-06-17 浏览8571 评论0
一、盒模型的概念 每一个标签都是一个矩形,像一个盒子,所以HTML页面布局可以理解为多个盒子组合嵌套排列而成。 由图片可以看到,当我们选择一个元素查看时,这个元素会被看成一个盒子,有宽度(width),高度(height),内边距(padding),外边距(margin)。而一个盒子的边框,内边距,内容区决定大小,而外边距决定盒子的位置。 二、盒模型的组成 1.内容区 盒子的内容区由width和height决定大小的,我们写的内容只能放在内容区。 <!DOCTYPE