发表于： 2016-03-18 02:09:16
1 1823
今天完成的事情：
1继续完善task7，在浮动列表的时候最左边的标志圆点没有了，查照原因发现是因为标志默认放在列表框外面，可以用list-style-position: inside将圆点移到li框内。
2发现在宽度一定的情况下如果行末尾有英文字母出现，则英文会自动调到下一行开头，给上一行留下一段空白，反复调试字体无果，问师兄原来用word-break:break-all解决，原理好像是浏览器将英文组合识别为一个单词，默认不换行拆分。
3做任务8的时候看到别人鼠标滑动翻转效果很惊艳，自己做的时候走了不少弯路，首先是在翻转的盒子里面加上一个翻转后的子盒子，然后用绝对定位对齐，先用transform: rotateY(-180deg);翻到背面，然后用这个属性backface-visibility:hidden;将背面隐藏，设置鼠标滑动的时候翻转回来。
明天计划的事情：
开始task9
遇到的问题：
想用微软雅黑字体，用webstorm调用一直失败，发现浏览器只支持6种字体，明天研究下怎么导入字体。
收获：
自己对class命名还是比较乱，元素多的时候很容易记混打错位置，以后要规范化命名，提高效率。
返回列表
评论