发表于: 2016-08-14 01:12:26
1 1363
任务7
1.轮播图√
问题:
1.用botton:active切换animaion-name失败,不知如何点击按钮切换正在播放的动画
2.上下左右0大法经常漏写了句margin:auto;,估计之前就是这样误以为失效
3.清除inline-block子元素之间的空隙(父元素设置font-size=0)
4.四边阴影的做法(水平和垂直都设0,模糊取正数)
5.列表并排不换行的方法
(1)float
(2)inline(会导致list-style消失)
5.浮动float子元素的line-height等于父元素高度时,设置该子元素的边框会变成与父容器的宽度等长
(目前解决方案是减少和边框等宽的行高,保证子元素高度不超出父元素高度)
6.hover显示下border时导致周围浮动元素位置变动(设置父元素的高度并添加一个和border等宽的margin)
7.类越写越多最后才发觉,应该尽量多使用后代选择器或者子元素选择器代替增加新的类,减少新命名,简化代码
评论