发表于: 2016-04-24 22:35:25
4 1734
今天完成的事情:
从3月23日开始学习,写下第一篇日报,不知不觉到今天刚好一个月了。4月21日开始闯关,到今天晚上(4月24日)终于闯关成功!首先非常感谢陈龙师兄这几天来不厌其烦的指导,师兄的耐心和细心让我非常佩服,很多细节我自己都没有做好,师兄一一的给我指的出来。非常感谢师兄!
特别是task7之后自己做的任务中关于排版对齐自己做的事一塌糊涂,本来还自以为做的不错。,自己简直是个菜鸡!在修改的过程中觉得对齐其实并不是那么简单,要是一开始没有清晰的布局,那么后面再来修改简直是感觉烦躁,所以一开就要注意这些问题。
主要的一些问题:
task1在有的浏览器浮动块会掉下去,主要是自己设置的外部的容器盒子宽度刚刚好,最后设置大一点点,留点余量。
task4主要是字体大小不对,以及登陆按钮与上边内容间距太宽。。
task6主要是边框颜色不对,的确后来对着psd居然发现边框的上下左右颜色都有细微区别。。。
以及task6-2上边的图标未对齐和带三角形太大。
task7-1 和task10-1 问题最多。。主要就是两边对齐的问题,之前自己做的简直是一塌糊涂。
原来PSD里面那么多的参考线都是对齐的标准!!之前自己都没主要到!
密密麻麻的参考线。。。。。。。
还有就是task7-1的轮播图之前自己也没做好,主要是没有清除浮动,以至于图片部分被遮挡。。。
task10-1的折叠式导航栏小屏时候会出现水平滚动条。。主要是在大屏的时候设置了外边距,小屏时候用@media 从新设置为0就清除了水平滚动条。。
还有就是用text-align:justify可以实现文本的两端对齐!
总之task7之后的全都存在没对齐的问题。。。
task9的步骤条自己开始用的两条直线和一个圆来写的,这样会有很多问题。。。后来task12的收我用一条直线和一个圆,感觉效果好多了,z-index来设置z轴方向的顺序,后来看他们用的border-top来做的。。感觉很nice样子!。。
task10-task12的响应式师兄没有指出什么问题,感觉自己好像理解的一些响应式的理念了。。
总之,闯关成功了很高兴,听老大说CSS学完就算是入门了。那我应该算是入门了吧。
明天计划的事情:开始看JS了。
收获:前端入门了。
感谢:感谢陈龙师兄为我守关和耐心指导。
我的全部任务地址:http://119.10.57.69:880/ptt001/
github:https://github.com/singcl/html/tree/master/all-mytask
评论