发表于: 2017-03-17 20:26:11
1 673
今日完成:完成了任务5;修改了任务三并通过审核
明日计划:1:首先整理文件夹以及代码,将css样式放在独立的文件里,将图片放到image文件里,使文件有序; 2:按照代码规范整理css代码,使之符合代码规范,以后按照规范写代码,养成一个良好的习惯;
3:学习一些webstorm的快捷操作,在写代码时能省不少力气;
4:开始任务6,布局出任务6大概框架,学习雪碧图和模拟选框
今日收获:1:学习了display:flex,flex在div内部布局时十分好用,特别是需要垂直或者水平 居中时;
2:布局footer的时候学习了fixed,fixed会使元素脱离文档流,不继承父元素的属性,所以以后使用时需要注意这一点
3:在小组讨论中学习了很多实用的技巧与规范,比如font-size:62.5 ; 使用max-width与max-height来限制屏幕的最大宽度和最小宽度;利用border-box属性来控制width和height,这样即使设置border以及padding,实际宽度也还是等于设定的width。
疑惑:在任务6中,布置“从业年限”“工作时间”“服务价格”三个div时,没有设置width以及height,但是设置“自我介绍”时,设置了width与height,导致最下面的文字与边框和上边的三个不是绝对对齐,并且随着网页缩放差异会更明显,设想了一下解决的办法,可以把上边三个div也设置width与height,想请问一下师姐有没有其他办法。
评论