CSS盒子模型

CSS的盒子模型：万物皆盒子

padding：内边距，控制的是盒子内容的距离

padding-top： 

padding-right：

padding-bottom：

padding-left：

padding:10px;
padding:10px 20px;
padding:10px 20px 3opx;
padding:10px 20px 30px 40px;

margin：外边距，控制盒子与盒子之间的距离

margin-top：

margin-right：

margin-bottom：

margin-left：

margin:10px 20px 30px 40px;

CSS绝对定位：

        position:absulte

        top:控制距离顶部的位置

        left:控制距离左边的位置

<div style="border:5px solid red;width: 400px;height: 400px;position: absolute;top: 200px;left: 200px;"></div>