发表于: 2019-03-28 21:49:07
1 787
今天完成的事情:
重写了任务13最后一个页面,现在就剩下侧边栏了。
明天计划的事情:
把侧边栏弄好,完成任务13
遇到的问题:
任务13重新写的时候用了新的布局,中间部位因为是居中的,刚开始做的时候就是盒子套盒子,先给一个盒子让里面的盒子居中,宽度给了60%,也能实现效果,但是感觉这样很是麻烦,较以前比较也就少写了一点代码,感觉很是麻烦,最后有想了一种办法,因为是两个背景颜色不同的区域,所以我就给了两个盒子,每个盒子用
这样想较中间的宽度就直接居中了,后面的内容直接一段文字,或者图片 每个弄一个盒子就行了,在对应调其属性位置,这样就不用盒子套盒子,也能实现了。
收获:
重写任务到最后,真心感觉以前写的代码是真心多,因为刚开始认为只要复制粘贴过来,改写命名规范,就ok了。但是看到以前写的任务代码就是头大,果断选择重写,这样感觉收获也挺大,在复习以前知识的同时,能想到跟一样不一样的思路,进一步简化代码,进一步;了解布局的多样性。
简单了解了一下侧边栏,感觉很是麻烦,试着慢慢先复制粘贴慢慢了解,但是好多东西还还是不太懂,主要还是消化太慢!
对于侧边栏现在根据网上复制过来的代码试着理解,简单能做出来一点效果,原来一直以为
这个点击效果是图片,然后点击之后有hover效果。
然后后来发现这是纯css生成的样式,
侧边栏总体来说难度是有的,需要一定的消化和尝试时间,对于样式的效果,背景样式,在哪里调试,都要一个个找到所在的位置。
评论