盒子:边框:border、内容:padding内边距
盒子的作用:给网页布局
<marquee></marquee>
width:宽
herder:高
border:边框
solid:实线
dashed:虚线
dotted:点线
padding:内边距
left:左边 right:右边
top:上 bottom:下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>盒子模型</title>
<style>
.box{
width:1266px;
height:52px;
border-left:solid 5px black;
/*当写一个值:上下左右都是同一个内边距*/
/*当写两个值:第一个值代表上下,第二个值左右*/
/*当写三个值:第一个值代表上,第二个值是左右,第三个是下*/
/*当写四个值:第一个值代表上,第二个值是右,第三个是下,第四个是左*/
/*padding:20px 10px 30px 5px*/
/*padding-left:左内边距*/
padding-left:30px
}
</style>
</head>
<body>
<div class="box">
<div class="box2"></div>
<div class="box2"></div>
</div>
</body>
</html>