大致步骤：
1，先用div标签做大框架：头部class=head，中间class=wrapper，页尾用class=footer，再去细分head、wrapper、footer
2，head分为两个部分，则用标签float定义，一个是float：left，一个是float：right，右边的有无序标签ul，定义ul的css为list—style：none，就可以去掉小圆点。把li的css设为display：inline-block，就可以并列排序。给文字添加边框：border：solid 1px #ccc;给边框加弧度：border—radius。
3，盒子模型问题：由4个部分组成，最外面的是外边距margin，往里是边框border，往里是填充padding，最里面是内容content。margin可以为负，padding不可以为负。盒子模型只能设置边框border的颜色和背景的颜色。边框border默认为0。
4，标签p默认有外边距margin，需要另外设置margin和padding。
5，添加背景音乐用audio，<audio autoplay="autoplay" controls="controls" loop="-1"> <source src="***.mp3" type="audio/mp3" /><embed height="100" width="100" src="***.mp3" /> </audio>
6，添加超链接 <a href="" target="_blank"></a>新开一个浏览窗口
7，显示文字居中： text-align:center
8，链接外部的css样式，在<head></head>里面声明 <link rel="stylesheet" href=""> 最好把所有文件都打包在一个项目内，再根据文件类型放在不同的文件夹
9，养成先构想框架，实现框架再添加内容的好习惯
原文：http://www.cnblogs.com/monica123456/p/6214351.html