响应式网页布局知识测验

响应式网页布局知识测验

响应式网页布局知识测验

1【多选题】

常用布局类型

A、单一式固定布局

B、响应式固定布局

C、响应式弹性布局

D、多变固定布局

2【多选题】

在使用弹性盒布局时,以下属性不起作用

A、弹性容器的每一个子元素变为一个弹性子元素,弹性容器直接包含的文本变为匿名的弹性子元素

B、多列布局中的column-*属性对弹性子元素无效

C、float 和 clear 对弹性子元素无效。使用 float 会导致 display 属性计算为 block.

D、vertical-align属性对弹性子元素的对齐无效

3【判断题】

单一式固定布局:以像素作为页面的基本单位,不考虑多种设备屏幕及浏览器宽度,只设计一套固定宽度的页面布局

4【判断题】

响应式固定布局:响应式固定布局同样以像素作为页面单位,参考主流设备尺寸,设计多套不同宽度的布局

5【判断题】

响应式弹性布局:响应式弹性布局是以百分比作为页面的基本单位,可以适应一定范围内所有设备屏幕及浏览器的宽度,并能完美利用有效空间展现最佳效果

6【判断题】

其实固定布局(以像素为单位)可以换算为百分比宽度,来实现百分比布局

7【判断题】

说到响应式,就不得不提CSS3中的弹性盒布局了,它可以轻松的创建响应式网页布局,为盒状模型增加灵活性

8【判断题】

display用于指定弹性盒的容器,其值可以为flex;如果为行内元素,值为inline-flex