...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>言</title>
</head>
<style type="trxt/css">
.box{
width: 1400px;
height: 50px;
border: 5px solid red;
/* padding:内边距 */
/* top:上 bottm:下 left:左 right:右 center:中 */
/* padding-top: 50 */
/* padding-top: 65px; */
/* padding-left:100px; */
/* 复合写法:
padding:50px=上 70px=右 80px=下 100px=左
padding:top left/right bottom
padding:一个代表上下，一个代表左右
padding:
*/
padding:50px ;
/* 加了内边距盒子被撑大:
横向：width+padding-left+padding-right
纵向：heigh+padding-top+padding-bottm;
*/
/* 外边距:margin */
/* margin: 上 下 左 右 */
/* margin:上/下/左/右 */
margin:10px 30px 40px;
margin: auto;
}
.box{
width: 300px;
height: 200px;
border: 5px dotted green;
}
</style>
<body>
<div class="bigbox">
</body>
</html>
...