盒模型
建二个文件 1.html 2.css
html
<head>盒模型</head>
<body>
<div class="box"></div>
<style>
盒子的五个核心属性:宽度,高度,内边距,边框,外边距
.box{width:150px;
height:100px;
padding:10px;
border:5px;
margin:10px}
*{padding:0;
margin:0;}
内边框距离,顺时针方向设置:上,右,下,左
.box{padding:5px,6px,7px,8px;}
三值设置:上,左右,下
.box{padding:5px,6px,7px;}
二值设备:上下,左右
.box{padding:5px,6px}
单值设置:上下左右
.box{padding:5px}
</style>
</body>
css
css/reset.css
*{margin:0;
padding:0
box-sizing:border-box;}