我来千锋武汉Web前端培训机构差不多一个月的时间了，一阶段HTML和CSS的学习也即将结束了。总体来说，我的学习状态还是不错的，大体能跟上学习进度。授课老师的教学能力很不错，授课非常细致，逻辑性很好，解决问题的能力很强。

       千锋武汉Web前端培训一阶段我们先了解了常见的元素及其使用方法，随后学习了position属性和弹性布局。下面，我简单分享一下自己的收获以及对知识的理解。

       常见的元素及其使用方法，主要讲的是网页布局结构，如何去快速正确的把网页给展现出来。学习过程中，我感觉很多东西都不会正确使用，总是容易把各个元素或者属性用错地方导致出现问题，特别是对于浮动属性。对于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；项目不能放大可以缩小，并且是项目原来的大小。

       以上就是我这个月对千锋武汉Web前端培训课程的学习总结了。我发现自己在学习中，还是有很多不足的地方，以后我会慢慢的改善这些不足的。