发表于: 2016-03-12 00:30:03

3 1946


今天完成的事情:

1、完成task8;

http://www.kt1123.com/

2、帮@529 师弟解决问题;

3、开始task9;


明天计划的事情:

1、完成task9;


遇到的问题:

1、Q:@529 师弟遇到的问题

      A:task1中把img标签定义为display:inline-block之后,明明没有设置margin,还是会有间距

            其实这是inline-block的默认margin,消除方法可以参考下文

http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/

(我也不哉为什么师弟放着好好的div不用,要强行掰弯img ╮(╯▽╰)╭)


解决这个问题后,昨天的问题也豁然开朗了

虽然设置了border-box,padding和border都会包含到width里面,但是inline-block自带的margin是不会包含进去的,float在前,inline-block在后,就不会出现间距,两行li可以并列;inline-block在前,float在后,间距还是存在,所以第二行还是会掉下来~


2、Q:task8中翻转的ios页面如何定位,如何实现PSD图中那种,ios页面翻转过来之后,正面仍保持原状的效果?

      A:我没有像昨天看到的教程那样,在web页面和ios页面外面再套两个div,直接用的web页面做父元素,进行相对定位,然后ios页面作为子元素绝对定位,web页面不用设置效果,直接先把ios页面设置成旋转-180deg,同时设置背面隐藏,那么正常状态下就看不到ios页面了,再设置hover时ios页面翻转至0deg,需要注意的是,这里的翻转角度,不是过程值,是最终结果,也就是说,原来翻转了-180deg,现在需要再翻转180deg才能达到0deg,而不是说,现在再翻转0deg。


3、Q:task9中如何改变radio样式?
      A:问了度娘,结果大多是用JS、jQuery实现,即使是用纯CSS,也是用的CSS3伪元素:after写了一长串代码,想着有没有更简洁的方法,翻看了下同门的日报,发现@张浩 师弟的方法挺不错的 http://www.jnshu.com/#/skill/daily/detail////1580/13/1732/1/36/css/0/#1 
虽然我觉得这种方法跟check没多大关系,主要是利用的label属性吧,将input和自定义的radio都放在label里面,将原有的radio样式隐藏,那么只要点label里面的任意元素,包括自定义的radio,都能触发控件,当然,事实上是隐藏的radio在起作用~
 

收获:

1、见上一节


感想:

其实@529 师弟还问了另外一个mac的nginx配置问题,我没能解决,把@韩师兄 的QQ给他了 0.0

似乎那篇教程让很多人产生了错觉,以为我很厉害,其实我会的都写进去了,╮(╯▽╰)╭

虽然我还很水,不过大家问问题的话,我还是会尽量帮忙解决的,毕竟我还有很多师兄师弟可以请教,

但是也希望大家培养下自学的能力,先自行百度,多翻翻师兄们的日报,不能解决再问

类似那种,找不到自己的官网班级的,这不是能力问题,是态度问题~



返回列表 返回列表
评论

    分享到