国家开放大学Web的工作方式

出自:国家开放大学Web的工作方式

2.要求当前网页加载时，视口大小等于设备宽，且初始时不缩放，下列代码正确的是（）。
A.<meta name="viewport" content="width=device-width, initial=noscale">
B.<meta name="viewport" content="width:device-width; initial-scale:1.0">
C.<meta name="viewport" content="width=device, initial-scale=1.0">
D.<meta name="viewport" content="width=device-width, initial-scale=1.0">

3.根据媒体查询执行不同CSS文件，要求只有视口宽大于768 px时，才执行print.css文件，下列代码正确的是（）。
A.<link media="screen && (minWsidth:768px)" rel="stylesheet" href=" print.css"/>
B.<link media="screen && (min-width>768px)" rel="stylesheet" href=" print.css"/>
C.<link media="screen and (minWidth:768px)" rel="stylesheet" href=" print.css"/>
D.<link media="screen and (min-width:768px)" rel="stylesheet" href=" print.css"/>

4.普通规则下，如果设备宽为767px，可认为其为（）设备。
A．超大屏 B. PC C. PAD D. 手机

5.PC设备显示器下，让class为box的元素背景为红色，下列代码正确的是（）。
A.@media screen and (min-width: 992px){ background: red; }
B.@media screen and (min-width: 768px){ .box{background: red; } }
C.@media screen and (min-width: 992px){ .box{background: red; } }
D.box{ @media screen and (min-width: 768px){ background: red; } }

6.下列关于媒体查询说法正确的是：（）。
A.min-width：768px and max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
B.min-width：768px && max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
C.min-width：768px & max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
D.min-width：768px max-width: 991px，表示浏览器视口宽≥768px而且≤991px，
说明是平板电脑显示屏大小范围；

7.下列关于媒体查询说正确的是：（）。
A.min-device-width是用浏览器视口宽作为判断条件
B.max-width是用设备物理显示屏宽作为判断条件
C.min-device-width是用设备物理显示屏宽作为判断条件
D.min-width是用浏览器软件的窗口宽作为判断条件

8.一个元素在PC和PAD下，在行中占比为1/4，在手机下，在行中占比1/2,下列代码正确的是（）。
A.<ANY class=”col-md-3 col-xs-6”
B.<ANY class=”col-md-3 col-sm-3 col-xl-6”
C.<ANY class=”col-md-3 col-sm-6”
D.<ANY class=”col-sm-3 col-xs-6”

9.一个元素，在PC下，在行中占比为1/4，在PAD和手机下隐藏,下列代码正确的是（）。
A.<ANY class=”col-pc-4 hidden-md ”
B.<ANY class=”col-pc-3 hidden-md”
C.<ANY class=”col-pc-3 hidden-sm”
D.<ANY class=”col-pc-4 hidden-sm”

流式布局主要使用: （）。
A．使用table显示网页的各个区域 B. 使用浮动定位显示网页的各个区域
C.使用行内块显示网页的各个区域D. 使用块元素显示网页的各个区域

以下关于媒体查询的描述正确的是:（）。
A. 媒体查询，就是查询出当前浏览网页的设备的类型及特性，如屏幕尺寸。
B. 媒体查询，就是查询出当前浏览器的名称和版本号。
C. 媒体查询，就是根据浏览器的名称和版本号不同执行不同的CSS代码。
D.媒体查询，就是根据设备和特性不同，选择执行不同的CSS代码。

以下设备分类的标准正确的是：（）。
A. 浏览器视口宽≤992 px，说明是PC显示器大小范围；
B．浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；
C. 浏览器视口宽≤767px，说明是手机显示屏大小范围。
D. 浏览器视口宽≥768px而且≤991px，说明是PC显示器大小范围；

1.请为下列样式类①⑤选择右侧最合适的解释，将配对好的ae填写到括号中。
① col-md-6 a Pad屏幕中当前元素宽占容器宽度的1/4
② hidden-sm b 超大屏幕中当前元素宽占容器元素宽的1/6
③ col-sm-3 c PC机显示设备中当前元素宽占用容器总宽度的50%
④ col-xs-6 d Pad和手机屏幕中当前元素隐藏
⑤ col-lg-2
e 手机屏幕中当前元素宽占容器元素宽的一半
请填写：①： ②： ③： ④： ⑤：

响应式图片可让图片根据浏览设备的宽，响应式调整图片的大小。

为元素添加text-responsive样式类，可让元素的内容文本以两端对齐。

list-style-none样式类可去掉列表项前的标识符号

响应式表单的样式类和栅格系统的样式类完全一样。

水平表单可定义栅格系统控制不同屏幕宽下表格的列宽。

Bootstrap所有组件，单靠引入bootstrap.css就可执行

使用组件时，仅添加样式类，未添加data-*自定义扩展属性，则样式也无法正常显示

凡是使用fixed属性固定定位在文档显示区中心位置的对话框，都是模态框。

模态框是指在一个父窗口中打开了一个子窗口，若子窗口不关闭，则父窗口无法获得输入焦点

1.按钮尺寸样式类不包括: （）。
A. btn-lg B. btn-md C. btn-sm D. btn-xs

2.将按钮变为块级按钮，可使用: （）。
A.d-block B. display-block C. block D. btn-block

3.将a变为黄色按钮，以下代码中正确的是（）。
A.<a href=”javascript:;” class=”btn warning”;
B.<a href=”javascript:;” class=”btn-warning”;
C.<a href=”javascript:;” class=”btn btn-warning”;
D.<a href=”javascript:;” class=”.btn .btn-warning”;

4.下列设置图片为响应式图片的代码，正确的是（）。
A.<img src=”url” img-responsive>
B.<img src=”url” class=”img-responsive”>
C.<img src=”url” responsive>
D.<img src=”url” class=” responsive”>

5.Bootstrap的less源码中保存所有基础变量的less文件是（）。
A.bootstrap.less B. progess-bars.less C. variables.less D. media.less

6.Bootstrap中颜色类名*-default的颜色为：（）。
A.白色 B.浅灰色 C.工业蓝 D.淡蓝色

7.下列不属于文本对齐方式的样式类是:（）。
A.text-left B. text-middle C. text-right D. text-justity

8.为<img>元素添加响应式图片样式类，可使用:（）。
A.img-response B. img-flex C. img-block D. img-responsive

9.下列关于bootstrap.less文件描述正确的是:（）。
A. bootstrap.less中包含bootstrap样式类库中的所有全局样式类的定义
B.bootstrap.less中不包含任何实际的样式类的定义
C. bootstrap.less中通过!important引入其他less文件
D. bootstrap.less中的所有内容不能随便删除

10.bootstrap.less文件中包括：（）。
A. 变量 B. 全局样式类 C.组件样式类 D. 对其它less文件的引用

11.以下关于Bootstrap中表单描述正确的是：（）。
A. 水平表单，就是表单元素都排列在一横行中
B. 行内表单，也称为水平表单
C. 水平表单是指表单中同样包含行和列栅格布局效果的表单
D. 行内表单是指表单中同样包含行和列栅格布局效果的表单

12.表单中的每组输入项（label+input+span）都包含在class为（）的小容器元素中。
A. form-label B. form-group C. form-control D. control-label

13.以下组件必须引入Bootstrap.js才能正常执行的是（）。
nav B. btn-group C. carousel D. dropdown

下列Bootstrap中颜色类名描述正确的是:（）。
A. *-default ——默认基准色工业蓝
B. *-danger ——黄色
C. *-success ——绿色
D. *.primary——深蓝色

下列关于文本内容转换描述正确的是:（）。
A. text-uppercase，可将全部字母转为大写
B. text-lowercase，可将全部字母转为小写
C. text-capitalize，可将内容改为首字母消息，之后每个单词首字母大写。
D. text-tolowercase，可将全部字母转为小写

下列关于列表项样式描述正确的是:（）。
A． list-styled-none样式类，可去除列表项前的提示符号；
B. list-unstyled样式类，可去除列表项前的提示符号；
C. list-inline-block样式类，可让每个列表项水平排列
D. list-inline样式类，可让每个列表项水平排列

以下关于表格样式描述正确的是：（）。
A. table是基础类
B. table-alt可设置表格各行变色
C. table-hover 可设置鼠标悬停在一行上，该行变色
D. table-bordered可设置表格边框

下列关于Bootstrap表单描述正确的是：（）。
A. 表单元素input设置class为form-control
B.标签元素label设置class为control-label。
C. 表单中的每组输入项(label+input+span)都包含在class为form-group的小容器元素中
D. 表单中的每组输入项(label+input+span)都包含在class为form-control的小容器元素中

关于data-*开头的属性，下列描述正确的是：（）。
A.用于添加样式 B.用于定义组件要动态加载的数据
C. 用于临时在客户端缓存数据 D.用于为组件添加行为

1.请为下列样式类①⑤选择右侧最合适的解释，将配对好的ae填写到括号中
① text-capitalize a 将元素内容中的英文单词首字母改为大写
② table-striped b 去除列表项前的提示符号
③ list-unstyled c 将元素内容居中对齐
④ text-center d 让每个列表项都水平排列
⑤ list-inline
e 表格隔行变色
请填写：①： ②： ③： ④： ⑤：

首页 <上一页 2 3 4 5 6 下一页> 尾页