盒子常用的几个属性

div盒子

div盒子的组成部分： 内容 内边距 边框 外边距
边框：border；常用定义盒子的边框，更容易进行编辑调整
例：border：1px（边框大小） solid（实线） color(边框颜色)

  <style type="text/css">
	     .class{
	          width:300px;
	          height:300px;
	          border:1px solid red;
	     }
	     </style>

(目前我学习用的较多的是margin，但两个标签大体相同)
内边距：padding 边框和内容之间的距离
如下：
padding-top：上
padding-left：左
padding-right：右
padding-bottom：下
外边距：margin 元素和元素之间的距离
同padding类似，但调整的是盒子与盒子之间的距离
例子如下：

<style type="text/css">
	     .div1{
	          width:300px;
	          height:300px;
	          border:1px solid red;
	          margin-top:30px;(与上面的盒子拉开30px 自身盒子是往下移动)
	          margin-left:300px;(与左边的盒子拉开30px 本身的盒子是往右移)
	     }
	     .div2{
	          width:300px;
	          height:300px;
	          border:1px solid red;
	     }
	     </style>

<div class="div1"></div>
<div class="div2"></div>