人们都说万事开头难，如要要想快速学会某一门手艺，我们就得迅速掌握学习这门手艺的诀窍。
工具/原料
1
前端技术主要包括 html css javascript
2
html 目前有html 以及html5 两种 关于html的学习关键是 掌握每一个标签的作用
3
css 的学习重点就是如何通过样式 实现布局
方法/步骤
1
首先，美工会把切图给我们，下面我将画了一个礼拜时间的学习成果献丑一下，大家不要嘲笑，首先给大家展示一下切图
2
首先打开编辑工具，我使用的是sublime text 2,新建一个html格式的文件以及一个css格式的文件并且搭好写代码的基本架子
3
下面我们分析页面的结构，大致分为上下两部分，中间是比较规则的四行三列；上面是一行分为左右两列；以及最下面一行放分页的按钮；那么我们就可以将布局的大致架子先写出来
4
下面我们我们实现中间部分的布局,我使用的方法是使用div布局，每一行的div都是float:left 每三个一组，每组的第一个元素 clear:both;就可以实现大体格局
5
对于每一个模块，则大体分为上下两个部分，我们首先固定div的大小，从上往下布局，在同一行的div使用float:left 实现
注意事项
对于css的学习我们需要分别position中relative absolute等的区别，主要是对盒子模型的理解
上一篇：web前端开发的学习路线有哪些
下一篇：怎么自学Web前端开发？