恰同学少年-跟着李南江学习HTML5-项目总结

来到小马哥，跟着李南江老师学习前端开发已经半个月了。在这半个月的时间，我们取得了很大的进步。从最开始的不知代码为何物，到现在的div+css排版布局，不得不说，我们在前端开发技术上又迈出了很大的一步。马上就要开始升入大神班开始学习javascript了，老师针对基础班的知识掌握强度及深度针对性的安排了很多实战项目。在实战项目中，我们将所学习的html+css知识融为一炉，在知识的运用及技巧方面得到了极大的加强。
在实战项目的制作中，也遇到了很多问题。比如说浮动问题，在布局中浮动问题是很常见的。在css中，针对浮动问题又增加了一个清除浮动的属性。使用clear属性，设置box值即可清除父级全速的浮动影响。也可以在浮动元素下方新建一个元素，设置清除浮动属性；但是最方便的当属overflow属性，设置hidden值即可清除浮动，且隐藏超出元素空间的内容，非常好用。借用这几种方法可以完美的解决父级元素的浮动造成的影响。另外，在网页架构上，很凸显的一个问题是，当图片与文本并行的时候，一个对齐的问题。这个问题困扰了很多人。但是，保不住老师的专业水准，在后面学习了绝对定位及相对定位之后这些问题都迎刃而解。子绝父相可以很好地解决这个问题。父元素设置为相对定位，也就是position设置属性值为relative，子元素设置为绝对定位，position赋值为absolute。在给子元素在方向上设置定位值，即可对子元素随心所欲的控制位置，达到相应的效果。在元素居中问题上，也有相应的解决方案。在垂直方向居中，就在父元素中设置text-align属性，属性赋值center；垂直居中即设置line-height属性，属性值为需要居中的元素所在父元素的元素高度即可。在解决图片元素在窗口宽度改变时居中状态发生改变的问题，则又有专业的解决方法。将需要居中的元素距离父元素单边50%，在设置margin属性值为需要居中的这个图片元素的一半(负数)即可。
在做项目的过程中，遇到了很多的问题。但是在遇到问题的同时，解决问题的办法更多。作为一个有经验的前端开发人员来说，这些都是必然会经历的。只有遇到的问题多了，再想办法去解决；解决的问题多了，开发经验也就更多了，这就是一个前端开发大神养成的必经之路。
在小马哥还有四个月的时间去学习更多的高端技术，希望通过自己的努力，在毕业的时候可以成为一名合格的前端开发人员。这是我经过这段时间学的的成果，小米官网的一个网页的制作。希望我的学习经历可以让更多的人看到，传递正能量！

小米官网1.png

小米官网.png

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