简介
毕业季，面试季。好的简历能给你加分不少。现在网上好看的简历模块琳琅满目，你的简历要怎么样才能给HR眼前一亮的感觉，从一堆简历中脱颖而出呢？来跟小编做一份网页版简历吧！
简历制作步骤
1.打开IDE或者编辑器，我这里用Sublime Text 3作示范。
使用快捷键【Crtl+Shift+P】打开控制台，输入【html】然后选择【Set Symtax:HTML】。
2.Emmet是一个Sublime插件，是前端开发的神器，如果大家用Sublime的话建议安装一个。
3.在文本框输入英文的【!】，一定要是英文的，然后按【TAB】键或【Ctrl+E】快速生成html模板。如果没有Emmet的同学可以照着下图敲代码。
4.【lang="zh-CN"】是表示你这个网页主要使用简体中文，【title】里填写你的个人简历名称。
5.接着可以先保存下了，名称随意，文件后缀名必须为.html（也就是文件类型必须是html格式）。
6.使用浏览器打开你保存的文件，可以看到一个空白的网页，网页标题是你刚才填写的title字段，这表示你之前的操作都是正确的。
7.我们来写一个div标签，用css给这个盒子一个大小，也就是我们整张简历的大小，并给这个盒子一个1px的边框。
8.如下图。
9.接着我们用margin的方法让盒子居中显示。
10.如下图。
11.接着我们给个人信息页一个大小尺寸还有背景色。
12.此时我们的简历变成了这样。
13.给个人信息页加上头像。
14.此时会看到，我们本想用margin-top把头像往下挤，但是浏览器却错误的把整个背景色也一起挤下来了。
15.此时只要引入一个css样式重置模板，然后给box-left加上一个clearfix类就能完美解决这个问题。（源文件在文章末我会给大家提供下载）。
16.头像已经出现在了正确的位置，背景色也正常了。
17.接着我们要开始写我们的个人信息，然后用css来美化页面。
18.此时我们的简历已经做好了一半了，来看看效果吧。
19.接着我们来做右边的部分，写一个div标签，然后里面包着三个div，给外面的box-right盒子大小尺寸以及背景色，我们看看会发生什么事情。
20.我们会看到，box-right被挤到了简历页面的下方。
21.这是因为div默认会占一整行页面空间，我们可以用浮动来解决这个问题。给box-left和box-right都加上左浮动。
22.页面就正常了。
23.接着我们把整个页面设置成灰色背景色，把简历的黑色边框去掉，然后把box-right的背景色改成白色，让我们的简历清爽起来。
24.然后我们把右边的文字信息还有样式加上。（此处代码量增多，请同学们跟着敲一遍，慢慢消化）。
25.这样我们的简历就做好了！是不是挺简单的呢~同学们可以根据自己的实际情况修改自己的简历内容哦~
26.至于如果让HR看到自己做的简历，我下一期会教大家，怎么利用github免费搭建自己的网页空间，这样我们就可以直接发送一个链接，HR点开链接就能看到我们的简历，是不是很有逼格！
最后，祝大家毕业顺利，面试顺利，早日找到自己称心的工作！
代码源文件和所需的图片素材我通通都放到了github上，关注公众号【Facenom快教程】后台回复【简历】或者【html简历】即可或者下载地址。
