错题集

1.块元素(该元素高度明确为200px)在父级元素中竖直方向居中对齐的两种方案?

答： 1.对父级设置position:relative(让父级成为定位父级也对),该子元素设置position:absolute;top:0;bottom:0;margin:auto;
2.对父级设置position:relative(让父级成为定位父级也对),该子元素设置position:absolute;top:50%;margin-top:-100px;

3.至少写出3点有关SEO的策略?（6分）
答:
1.title:权重值很高
2.keywords,description,
3.h1标签每个页面只能使用一次
4.注意标签语义化
5.让公司后台定期更新内容
对元素设置margin-top:50%,请问此时margin-top的百分比是对哪个元素的哪个属性进行设置的?

答: 1.该元素的父级元素
2.父级元素的宽度
11.在谷歌浏览器下,html{font-size:10px;},#div1{width:10rem;},请问ID为div1的元素的宽度为多少px?
答
120px,因为谷歌浏览器支持的最小字体为12px,会以12px为准
12.请简述background-size属性cover跟contain的相同点和不同

答: 1.相同点:cover和contain背景图片都是等比显示
2.不同点:当图片大小比例跟元素大小不一样时,cover是画面全部充满,可能会出现,内容裁切,contain是内容会全部显示完毕,可能会出现空隙
15.当弹性子项基于弹性容器布局时,请分别谈谈弹性子项在主轴和交叉轴方向大小不明确时的表现形式?
答
1.所有弹性子项,在交叉轴方向上,对应(width/height)属性不明确时,都是会撑满整个交叉轴空间,原因是align-items的默认值为stretch
2.主轴方向上大小不明确,由内容撑开