时间过的很快，不知不觉中，长沙HTML5培训前端一阶段的学习也接近了尾声。我感受到的编程是很有程序感的，是有逻辑可寻的。

       一个基本的网页，再复杂，也可以分解为多个部分，而每个部分又可以再次细分，再运用所学的知识，一步一步实现各个细节效果的实现，好像一切显的没有那么难的无法做到，当然了，学习还只是开始。

       常见的元素及其使用方法，主要讲的是网页布局结构，如何去快速正确的把网页给展现出来。学习过程中我感觉很多东西都不会正确使用，总是容易把各个元素或者属性用错地方导致出现问题，特别是对于浮动属性。对于float真的是印象深刻，因为最开始并不知道用在哪里，所以对于float这个属性如何用是在学习了float之后的一星期之后了，这一周就是自己不断的探索试验的过程。

       记得一次我给一个div添加了float：left;然后在div里面添加的内容总是在向着左边靠拢，那时候不懂真的是找了半个小时还没找出来这个错误，问了同学才知道是给div这个大盒子添加了左浮动，之后遇到了很多次这种情况就是在我自己糊里糊涂的探索中才慢慢的把这个float换过来换过去才得以解决。在之后的学习中还是经常受到float的阻挠，归根到底是因为自己对于网页布局结构理解的不够清晰所导致的，在没领悟的日子里真的是备受煎熬。

       position有四个属性值，static、absolute、relative和fixd。对于这几个定位属性的运用方法我是这样理解的：第一个值static是默认值对于全局并没有什莫影响的;而absolute是让元素完全脱离文档流，相对于定位的父元素的位置发生偏移，若父元素没有定位则是相对于整个文档发生改变;relative不影响元素本身的特性，不使元素脱离文档流，并且如果没有定位偏移量，对元素本身没有任何影响;而fixed与绝对定位的特性基本一致，的差别是始终相对整个文档进行定位。完全了解position之后对于我的帮助真的很大，并不会像之前一样到处用float而产生错误了。

       弹性布局{display：flex}中flex布局默认存在两根轴：水平的主轴和垂直交叉轴;其中的flex-decoration决定了主轴的方向，主要常用的是row(默认值)水平方向;还有column主轴为垂直方向;还有就是flex-wrap换不换行，align-content多根轴线的对齐方式，Justify-content定义了项目在主轴上的对齐方式，align-items属性定义项目在交叉轴上如何对齐，lign-self属性允许单个项目有与其他项目不一样的对齐方式，最后就是flex的默认值flex：0 1 auto;项目不能放大可以缩小，并且是项目原来的大小。

       以上就是我对于长沙HTML5培训一个月的前端课程学习总结了，还是有很多不足的地方在以后会慢慢的补回来。总的来说，长沙HTML5培训一个月的前端学习，掌握的东西不是很多，但是接触的东西却很多，平时的学习习惯也没有培养起来，复习的不到位，只是靠第一印象的记忆去运用，脑子里的东西难免有点少，希望接下来的学习时间，自己能更多的学会复习。

上一篇

长沙HTML5培训学员学习心得：良好的学习氛围让我进步！

下一篇

长沙Java培训学员心声：学习很累但很充实！