盒子:边框border、内容、padding内边距
版心(大盒子)
盒子的作用:给网页布局
width:宽
htight:高
border:边框
solid:实线
dotted:虚线:
padding:内边距
left:左
right:右
top:上
bottom:下
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.box{
width: 1266px;
height: 52px;
border-left: solid 10px black;
/* 写一个值:上下左右都是同一个内边距 */
/* 写两个值:第一个值代表上下,第二个值左右 */
/* 三个值:第一个代表上,第二个代表左右,第三个代表下 */
/* 第四个值:上 右,下,左 顺时针 */
padding: 20px 10px 30px 5px;
/* padding-left:左内边距 */
padding-left: 30px;
}
.box2{
width: 200px;
height: 50px;
border: solid 1px green;
}
</style>
</head>
<body>
<div class="box">
<div class="box2"></div>
</div>
</body>
```</html>