HTML+CSS 毕业设计(静态页面)
毕设预览地址:http://paopao.siriusbot.cn/2080699576/login.html http://paopao.siriusbot.cn/2080699576/
刚开始学习前端的时候,自身本没有这方面的基础,每学习一些新的内容后就布置了一些作业,从刚开始的一无所知,到后面一个个作业的完成,逐渐理解了布局原理。自己又去扩展了一些前端方面的内容,才得以加深理解。(在使用新的命令或语法时,附带上使用场景比较容易加深印象便于理解)
再到前端毕设的参与,慢慢的理解了样式、布局、定位这些前端内容。
float、flex、grid布局的相关属性,position、display等相关属性的了解。
我个人从萌新到理解前端布局结构,从中也提出了许许多多的问题,群里面的各路大佬也积极的给与解答,是个很好的学习氛围。也算是比较活跃的一员了,其他不活跃的人我也不知道学得怎么样。
前端实战项目的难点(以我自身小白的角度):
版心概念(课上没有讲到这个点,一般使用margin 0 auto),版心对齐后,中间的板块分割区域是以浏览器的宽度进行分割的,若版心对齐给到了body或相关的包裹最外层,处理起来就会很麻烦。布局与定位的理解,各项属性的复合写法。iconfont、SVG的使用,伪类选择器的运用,transform相关属性的应用。某些属性的参数书写方式支持百分比、auto等一般都需父盒子有自身的宽度或高度的设定,否则失效。
总结:多提问,多百度,自行扩展其他属性,毕竟CSS内容何其多。重要的作业必须去完成它,如果有余力还可以自己再做一些别的扩展来丰富自己的理解。总之一句话,多写多练就能掌握,毕竟前端也不算很难的点,我个人也只是完成了布置的各项作业,也不需要说什么完全去记住这些属性,完全没必要,毕竟查文档一大堆,但是需要自己去完成一些小的项目,对整体网页布局有一个全局观的概念就可以了。
|