发表于: 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.类越写越多最后才发觉,应该尽量多使用后代选择器或者子元素选择器代替增加新的类,减少新命名,简化代码



返回列表 返回列表
评论

    分享到