Web前端学习总结,学习需要实践和应用

学习前端已有一个月,第一阶段的课程也告一段落。在这个阶段,我主要了解了常见的网页布局元素及其使用方法,并学习了position属性和弹性布局。下面,我将简单分享一下我的收获和对这些知识的理解。

首先,学习常见的元素及其使用方法让我更深入地理解了网页的布局结构。如何正确地使用元素和属性来展示网页是一个需要不断实践和探索的过程。在这个阶段,我遇到了一些困难,特别是对浮动属性的理解。浮动属性(float)是一个非常实用的属性,但我在最初的学习中并不清楚它的正确用法,导致在实践中出现了很多问题。一次,我给一个div添加了float:left,但内容总是向左边靠拢,让我困惑了很久。经过一周的探索和试验,我终于理解了这个问题并解决了它。在后来的学习中,我仍然经常遇到与浮动有关的问题。归根到底,这是因为我对于网页布局结构的理解还不够清晰。在未来的学习中,我将更加注重对布局结构的理解。

接下来,我学习了position属性及其四个值:static、absolute、relative和fixed。对于这些定位属性的运用方法,我是这样理解的:static是默认值,对全局没有太大影响;absolute使元素完全脱离文档流,相对于定位的父元素的位置发生偏移;relative不影响元素本身的特性,不使元素脱离文档流;fixed与绝对定位的特性基本一致,但始终相对整个文档进行定位。掌握这些定位属性后,我能够更好地控制元素的布局和位置,不再因为误用浮动属性而产生错误。

总结第一个月的前端课程学习,我取得了一些进步,但还有很多不足之处需要改进。在未来的学习中,我将更加努力地掌握更多的前端知识和技能,以便更好地应用在实际项目中。




转载请注明:http://www.aierlanlan.com/cyrz/6473.html