牛客网错题集--HTML、CSS试题(3)

第1题

1.关于 BFC (block formatting context)，以下说法错误的有（）
A.display 的值为 table-cell , table-caption和 inline-block 中的其中一个时，可触发 BFC
B.postion 的值为 relative 和 static 时可触发BFC
C.overflow-hidden 可作为常用 BFC 布局属性使用
D.只要元素可以触发BFC，就无须使用 clear:both 来清除浮动的影响
答案：B
解析：哪些元素会生成BFC：
1.根元素
2.float属性不为none
3.position 为absolute或fixed
4.display为inline-block table-cell table-caption flex inline-flex
5.overflow不为visible

第2题

2.下列关于背景定位属性background-position说法正确的是（）（不定项选择）
A.该属性可有两个取值，第一个取值为背景图像与其容器在水平方向上的距离，第二个取值为背景图像与其容器在垂直方向上的距离
B.若只有一个取值，则其第二个取值默认为50%
C.若此取值用百分数表示，如：20% 60%，则表示此背景图像离其容器左边的距离为整个容器宽度的20%，离容器上边的距离为整个容器高度的60%
D.若属性取值用left、center、right、top、bottom表示，则该属性取值的顺序可以颠倒，否则其取值顺序不能颠倒
答案：ABD
解析：
A：两个值分别是水平和垂直位置，A错误
B：参数：xpos ypos |x% y% |x y三种, 三种设置方式都是若只有一个值，那第二个值默认都是50%，B错误
C：位置计算方式为：x = (对象的宽度 - 图像的宽度) *x%; y = (对象的高度 - 图像的高度) * y%，C错误
D：正确

第3题

3.下面语法中，哪个可以定义一个带正方形的列表? （）
A.list-style-image: square
B.list-style-color: square
C.list-type: square
D.list-style-type: square
答案：D
解析：
1.list-style-type:设置列表项标记的类型。
2.list-style-position：设置在何处放置列表项标记。
3.list-style-image：使用图像来替换列表项的标记。
4.inherit：规定应该从父元素继承list-style属性的值。

第4题

4.关于下列CSS选择器：ID选择器、类选择器、伪类选择器、标签名称选择器，排序