发表于: 2019-12-12 23:24:17

1 1125


第一,今天完成的事;

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



返回列表 返回列表
评论

    分享到