页面布局面试题考核

感谢您能抽出几分钟时间来参加本次答题，现在我们就马上开始吧！

Q1:姓名

选项1

Q2:以下哪个不是清除浮动的方式？

通过开启（BFC）块级格式化上下文

在高度塌陷的父元素后面添加一个空的div元素

给浮动的父元素设定高度

通过::after伪元素来清除浮动

Q3:优先级计算规则，说法错误的是？

内联 > ID选择器 > 类选择器 > 标签选择器

选择器html body #nav .selected > a:hover 优先级大于选择器 #nav .selected > a:hover

`!important`不能覆盖掉内联样式

Q4:关于圣杯布局说法错误的是？

是一种中间内容自适应的两栏三列布局

中间内容的三列元素都设置了浮动

主要是使用了margin-left的负边距的效果实现

父元素不需要设置内边距padding

Q5:关于双飞翼布局说法错误的是？

双飞翼布局结构比圣杯布局简单

双飞翼布局中间的元素多了个元素来实现自适应的效果

和圣杯布局中一样也给float：left，设置margin值调整位置。

此布局就不需要给left,right设置定位

Q6:哪个不是CSS伪类？

:hover

:active

:link

:first-of-type

:before

Q7:哪些属性不可以继承？

font-size

color

font-weight

background-color

Q8:纯CSS创建一个三角形的原理是什么？

需要把元素的宽度、高度设为0。然后设置边框样式。

直接设置div矩形的上边宽度和下边宽度。

css引入三角形的背景图

Q9:为什么要初始化CSS样式？

因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

因为一开始css没有初始化，需要初始化才能运行

因为浏览器没有初始化的css样式

Q10:display:none与visibility：hidden说法错误的是？

display：none 不显示对应的元素，在文档布局中不再分配空间（回流+重绘）

visibility：hidden 隐藏对应元素，在文档布局中仍保留原来的空间（重绘）

visibility：hidden 隐藏对应元素，在文档布局中不再分配空间（回流+重绘）

Q11:在网页中的应该使用偶数的字体，这种说法是否正确？

正确

错误