1、1.首先要知道css盒子的基本要素：
content：内容
padding：内容和边框之间的间距
border：边框，也就是盒子本身
margin：外边距，和其他盒子的距离
2、2.把你要创作的基本架构放在一个html文件中，把对盒子的修饰和美化放在一个css文件中。即肉体和外衣。
3、3.进行编辑。
<body>
<div id="box1">盒子1为：</div>
<div id="box2">盒子2为：</div>
</body>
div{width: 500px;height: 300px;padding: 10px;border: 10px;}
#box1{box-sizing:content-box;background: orange;margin: 20px;}
#box2{box-sizing:content-box;background: gray;margin: 20px;}
当然这是我自己做的一个小例子。
4、4.把两个文件进行连接，这样才能保证把外衣穿在肉体上。
使用link标签：
<link rel="stylesheet" type="text/css" href="页面.css">
5、5.然后我们可以看到效果已经出来了，下面有图片
