L了个Y跟着李南江学习HTML5——项目总结

Talk is cheap. Show me the code
翻译一下就是我江哥的名言：废话不多说，直接上代码！！！

小码哥官网
江哥

一：项目展示

项目 一：百度首页

百度首页.png

项目二：网易邮箱

网易邮箱.png

二：项目心得

在整套课程中，江哥每讲到一些重要知识点就会教我们写个小案例，其中成体系的和比较综合得应该就是百度首页和网易邮箱了。在江哥的指导下，我也早早的把这两个项目自己做了出来，虽然现在做起来并不难，但是第一次写的时候还是遇到了许多问题，比如说：
1 .百度首页——我采用的是CSS和HTML分开写的，所以现在引用CSS的时候因为文件命名大小写的格式错误，F5刷新一直显示错误。
2 .网易邮箱—— 网易邮箱是一个综合的项目，原来不怎么会精灵图的测量和切割，经过这个项目，现在算是非常的6了。浮动方面遇到了一个问题就是最上面的logo和右侧的“了解更多|反馈意见”始终不能对齐在水平方向上,这个问题让我头大了好久，后来静下心来发现左侧选择器忘了写左浮动，又联想到江哥总结的那句话“标签浮动后的位置取决于浮动前在标准流中的位置”，问题瞬间就解决了。还有一个问题是设置垂直居中的line-height时候如果用快捷键会出现line-height: 27px;line-height: 27;少一个px的情况，我猜测可能是编辑器的问题，也因此经常F5刷新的时候达不到要求，还要自己找到代码重新添加像素单位。
3 .其实无论是百度首页还是网易新闻，在开发过程中都面临一个相同的问题：那就是当项目足够大的时候因为标签嵌套太多、选择器太多、类和id的使用越多，使得开发变得繁琐，想设置一个标签背景色却找不到在哪，想删除一个元素却误删了别的，诸如此类，非常烦恼，为此我也总结了一些方法，比如1：添加注释，2：将CSS和HTML分离:3：提前画好层级结构图优化代码结构。

三：最后

说真心话，其实跟着江哥学的远不止于此，东西实在太多就不一一赘述了，感谢江哥如此认真的备课，让我
能学到这么好的课程，希望能顺利进入小码哥学习前端课程，早日找到理想工作

真心祝愿小码哥在李明杰和李南江两位大神的带领下将中国的IT培训行业重新洗牌，愿小码哥越做越大、越做越强！！！

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