html是结构，css是式样，js是行为，
利用html将框架搭建出来，
比如：
<html>
<head></head>
<body>
<div class="contain">
<div></div>
<div></div>
<div>
<ul>
</ul>
</div>
</div>
</body>
</html>
利用css对这些进行样式的修改，比如他们的位置 ，大小，颜色神马的，就好比建好房子 然后装修它。
div是块元素，在浏览器里默认样式就是占据一整行，除非你对其使用了浮动和宽度设置转换成行内元素。
所有的标签默认样式都是从左右开始对齐的；那么第一个div不需要是用浮动，
第二个div里的a向右对齐，那么需要使用右浮动；
代码示例如下：
<style type="text/css">*{padding: 0 margin: 0}
/*初始化*/
.box2 a{ float: right}
.clear{clear: both}
</style>
<div class="box1">
<a href="#">文字演示1</a>
<a href="#">文字演示2</a>
</div>
<div class="box2">
<a href="#">文字演示3</a>
<a href="#">文字演示4</a>
<div class="clear"></div>
<!--清除浮动-->
</div>
