复习阶段错题
错题1:
错题分析:源代码向右移动100px,hover后变为0x(意味不移动)移动是基于原本的位置去移动的,所以要实现0px需要在当前位置再向左移动100px。
错题2:
分析:第一个选项,不实现3D转换也可以添加perspective属性,能让元素产生近大远小的效果。
错题3:
错题分析:rem是长度单位!只是相对长度单位,相对于HTML根字体大小来变化。rem只参考html根字体大小进行计算,所以C错。
考试错题:
错题1:
错题分析:只看到C选项,D选项没看,C选项理解错了。transform-style:perspective-3d;给父级元素添加的,看到本身两个字还以为是给子元素添加。属于没认真读题理解错误。
错题2:
错题分析:justify-content:space-between;让空白空间分布在弹性盒子与弹性盒子之间,space-evenly间距相等
错题3:
错题分析:Less声明变量语法不熟悉,正确的是:@变量名:变量值;B选项理解不了。
错题4:
错题分析:linear匀速播放,ease:默认(缓解效果),steps(正整数字)逐帧播放,ease-over不存在,只有ease-out(渐显渐隐效果)错误原因:以为逐帧播放不是速度曲线
错题5:
错题分析:通过为 .row 元素设置负值 margin 从而抵消掉为 .container 元素设置的 padding,也就间接为“行(row)”所包含的“列(column)”抵消掉了padding。错误原因:以为把元素分为1份就能抵消15内边距,但响应式布局就是能根据不同宽度自适应的,属于理解错误。
错题6:
错题分析:没看清楚,调用动画直接用animation属性即可,不需要加@
错题7:
错题分析:语文理解错误,min-width最小宽度,最小宽度---大于等于才生效,max-width最大宽度----小于等于才生效。
错题8:
错题分析:flex布局依然占据位置,不用清除浮动
错题9:
分析:单词错误! 最后一个空是不用加.