请选择 进入手机版 | 继续访问电脑版

好程序员-千锋教育旗下高端IT职业教育品牌

400-811-9990
我的账户
好程序员

专注高端IT职业培训

亲爱的猿猿,欢迎!

已有账号,请

如尚未注册?

[HTML5大前端培训]学习了position属性和弹性布局,继续努力!

[复制链接]
秀发飘飘的小猿 发表于 2019-8-12 10:21:05 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
  转眼间来到好程序员HTML5大前端培训已经一个月了。随着一阶段考试结束,一阶段的课程也告一段落了。在这一个月的学习中,首先最先感谢的就是李英丽老师,可爱美丽大方聪明。没有老师孜孜不倦的教习我们也不会学的这么轻松。感谢李老师嘿嘿!


  在这一阶段我们先了解了常见的元素及其使用方法,随后学习了position属性和弹性布局,下面我简单分享一下自己的收获以及对知识的理解。


  常见的元素及其使用方法,主要讲的是网页布局结构,如何去快速正确的把网页给展现出来。学习过程中我感觉很多东西都不会正确使用,总是容易把各个元素或者属性用错地方导致出现问题,特别是对于浮动属性。对于float真的是印象深刻,因为最开始并不知道用在哪里,所以对于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大前端的学习模式生活方式,快节奏的生活


  让人感觉非常充实。接下来的二阶段要更加努力呦!


  每天起床第一句,先给自己打个气!!!

精彩内容,一键分享给更多人!
回复

使用道具 举报

您需要登录后才可以回帖

本版积分规则

关注我们
好程序员
千锋好程序员

北京校区(总部):北京市海淀区宝盛北里西区28号中关村智诚科创大厦

深圳西部硅谷校区:深圳市宝安区宝安大道5010号深圳西部硅谷B座A区605-619

杭州龙驰智慧谷校区:浙江省杭州市下沙经济技术开发区元成路199号龙驰智慧谷B座7层

郑州校区:郑州市二七区航海中路60号海为科技园C区10层、12层

Copyright 2007-2019 北京千锋互联科技有限公司 .All Right

京ICP备12003911号-5 京公安网11010802011455号

请您保持通讯畅通1对1咨询马上开启