H5布局阶段二（盒模型）

最新推荐文章于 2022-08-01 11:22:23 发布

CSDN_GMC

最新推荐文章于 2022-08-01 11:22:23 发布

阅读量349

点赞数

分类专栏： H5布局文章标签： html5 html 前端

本文链接：https://blog.csdn.net/CSDN_GMC/article/details/104218123

版权

本文详细介绍了HTML5盒模型的组成部分，包括标准盒模型、padding内间距、border元素边框和margin外间距。通过理解这些概念，可以更好地控制元素的布局和调整子元素的位置。此外，文章还探讨了边框的宽度、样式和颜色，以及边框圆角的设置。

摘要由CSDN通过智能技术生成

一. 标准盒模型

默认情况下盒子的边框是无，背景色是透明的，所以在默认情况下看不到盒子
盒子由 margin , border , padding , content （盒子中的内容）四部分组成。

padding：内间距，用于控制内容与边框的距离
一个值：上下左右
两个值：上下，左右
三个值：上，左右，下
四个值：上，右，下，左
专门设定某一方向的 padding
padding-top：上内边距
padding-bottom：下内边距
padding-left：左内边距
padding-right：右内边距

<!DOCTYPE html>
<html>
<head>
	<title>padding</title>
	<style type="text/css">
	
	  .box{
   
	      width

关注

专栏目录