发表于: 2019-12-12 23:24:17
1 1119
第一,今天完成的事;
1,完成对task7页面三的制作;并成功让页面底部栏背景透明;
2,将前面任务发给师兄做codereview,找出了许多问题;
第二,明天计划的事;
1,对task1,task2的深度思考回答;
2,检查回顾以前任务,将代码书写错误纠正过来;
3,对任务8的预习;
第三,遇到的问题:
1,做codereview中发现自己代码编写的不够规范,对于其他人的阅读体验并不好,而且也不利于团队之间的交流,因此以后要养成规范的编码习惯;
第四,收获;
1,确定编码规范:对于css样式,
(1)优先写显现属性的样式;(如absolute,fixed,float,list-style) ;
(2) 自身属性定义;(如width,height,margin,border,background等)
(3)文本属性定义;(如color,font,text-align,white-space);
代码规范是为了便于阅读与维护,虽然对浏览器而言没有区别,但是代码规范可以减少开发过程中不必要的失误,提高团队效率;
2,对透明的处理方式:
(1)opacity: 0.5; /* Firefox、Chorme、Opera等主流浏览器识别 */ (0~1变化取值,0为完全透明,1不透明)
filter:alpha(opacity=50); /* IE6及以上IE浏览器识别 */, (0~100,变化取值,0为透明)
其中,这种设置方式会让其子元素也会有透明效果,有时候我们仅仅想让父元素的背景透明,因此有另外的方式;
background: rbga(0,0,0,.5) /* Firefox、Chorme、Opera等主流浏览器识别 */
其中rbga(m n),m代表颜色值,n代表透明度,使用此方法可以让背景透明而不影响子元素,因此任务中采用此方法;
更多详细参考:https://blog.csdn.net/liaozhongping/article/details/48782541;
评论