学习了HTML和CSS的基本知识以后，就要针对学过的东西有目的的去做一些练习，前端的知识点很多，很碎，如果不及时练习经常复习的话，之前学过的东西很容易就会模糊了，当你去做页面的时候你可能就不知道该用哪个属性了，或者忘记属性值和书写格式了。刚开始的时候还可以经常去查，去看笔记，但学习一段时间后，你最起码要把常用的一些标签属性记牢，这样做东西的时候才不至于手忙脚乱。

做网易邮箱注册这个项目的时候，还是按照先总体后细节的顺序去做，先把项目的整个骨架搭好，再去研究每一部分的细节怎样实现。这个注册页面可以分为三部分：头部、中间内容部分、和页尾部分。分别用三个div去布局，然后头部又可以分为左右两部分，两个盒子左右浮动，精灵图用图片的显示位置把正确的部分显示出来，中间可以分为左右两部分，至于页面底部就比较简单了，用列表加浮动去做就行了。做的时候要用专门的切图工具去准确测量每个元素的大小，做前端也是一个精细活。确定大小后，可以用margin和padding去调整其位置，让其按照设计稿正确显示。有的时候你需要多次调整才能达到想要的效果。

项目截图如下：

学HTML5就选李南江，选培训机构我只选小码哥（www.520it.com）