发表于： 2016-03-12 02:04:32
2 1177
今天完成的事情：写完Task8（翻转部分还有一点问题），Task9了解了表单。
明天计划的事情：继续研究图片翻转，搞明白Task9的+span 与checked+span。修改一下前面的代码。
遇到的问题：图片的翻转效果，bacrotateY（180deg）180代表的是翻转到180度。当鼠标触发hover时， flipper ：rotateY（180deg）180还是指翻转到的角度。只不过前者是背面的翻转，然后将back隐藏。
hover时候将flipper翻转到180度，这时back就朝向了正面。
实际任务中正面并没有进行翻转，只是将背面一开始翻转了之后隐藏，然后再将背面翻转过来同时又不影响正面的显示。明天再修改一下代码。Task8地址：http://119.10.57.69/ptt02/Task8/Task8.html
收获：1.刷了一遍W3C的表单部分和JS内容。
2.display：inline-block使用时会在元素之后产生一个水平空隙，对于两个50%的盒子如果用inline-block就会因为空隙不能在一行里放下。font-size:0可以消除。详细：http://www.jb51.net/css/67469.html
返回列表
评论