发表于: 2016-06-02 22:40:04
4 1160
今天完成的事情:task7-2 task8;
明天计划的事情:task9
遇到的问题:task7中写出两个定宽的页面是什么意思?是body的width是一个确定的值么?设置成100%不好么?定宽有什么意义呢?
收获:task7-2中关于text-align,在合作企业那一列中,一直纠结这个li是怎么实现左边排列整齐的,设置padding也没有达到想要的效果,看了一下师兄师姐们的日报原来是用text-align:left,以前光知道center,左对齐右对齐的话就用text-align属性,真是学的多忽略的越多。
越往后面写日报越发现命名的重要性,很多时候都不知道该怎么命名了,网上有很多命名规范的文章,个人比较喜欢这个http://materliu.github.io/code-guide/,之前写的task里也有一些不规范的地方,以后要注意下了。
task8中学到一个翻转效果的实现,主要参考了这两篇文章http://www.webhek.com/css-flip/,http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502031323.html,其实就是把你要翻转的内容用absolute脱离出来,然后hover之后卡片旋转一下就ok了,在用transform之前先规定
transform-style: preserve-3d;
然后把backface-visibility设置成hidden,task8其实写好一个卡片,后面的格式都是一样的copy一下就好了,看着代码很多其实都是重复了。
关于浏览器主要用的是google所以基本上没有考虑过浏览器的兼容问题。。。。。。
评论