HTML+CSS错题整理

1.文本尺寸12px，下列哪些可以实现2倍行高？

A、line-height：2rem B、line-height：24px

C、line-height：2 D、line-height：200%；

如果严禁的来说答案应该是BCD ， 都是2倍行高的写法，A的写法是rem布局它的大小是随body，html标签变化的默认是16px。

2.根据下面代码，.subbox盒子距.box盒子顶部距离多大？

.box{ float: left; width: 300px; height: 200px; }
​
.subbox { margin-top:50%;}
​
<div class=”box”>
​
    <div class=”subbox”></div>
​
</div>

A、50px B、100px C、150px D、200px

正确答案是C  因为在没有给出固定的宽高的时候，子元素是继承父的宽决定的

3.下列哪些样式值可以移动元素本身位置？

A、margin-left B、padding-left C、left D、translateX

答案是ACD 因为内边距是在盒子的里面经行移动，如果盒子正好填满则移不动

4.Flex布局中哪个是定义垂直居中？

A、align-items B、align-content C、justify-content D、flex-direction

答案：A    可以让侧轴的子元素移动

5.根据下列代码.about的高是多少?

.about { maring: 0 auto; }
​
.about-img { float: left; height: 200px; }
​
.abou