国家开放大学2024春《WEB开发基础》期末自测题[参考答案]

国家开放大学2024春《WEB开发基础》期末自测题[参考答案]
题目类型：
  单选题
题目：
  为名词匹配正确的含义web服务器
选项：
  存储网站资源文件,响应浏览器发来的请求,提供基本的安全功能


题目类型：
  单选题
题目：
  为名词匹配正确的含义web浏览器
选项：
  代用户发送请求,作为html的解释器和内嵌脚本的执行器,用图形化方式显示web网页的内容.


题目类型：
  单选题
题目：
  为名词匹配正确的含义http协议
选项：
  规定了web服务器与浏览器之间如何打包及如何传输数据


题目类型：
  单选题
题目：
  为名词匹配正确的含义internet
选项：
  由那些使用公用语言互相通信的计算机连接而成的全球网络


题目类型：
  单选题
题目：
  为名词匹配正确的含义远程访问服务
选项：
  用于支持客户机跨广域网访问公司内部网络的服务


题目类型：
  填空题
题目：
  为名词匹配正确的含义
选项：
  


题目类型：
  单选题
题目：
  为名词匹配正确的含义行内元素
选项：
  元素内容有多少,空间就只能占用多少,且多个元素只能在一行中显示


题目类型：
  单选题
题目：
  为名词匹配正确的含义块级元素
选项：
  默认独占一行的元素


题目类型：
  单选题
题目：
  为名词匹配正确的含义行内块元素
选项：
  多个元素可在一行中显示,但是可设置元素的大小


题目类型：
  单选题
题目：
  为名词匹配正确的含义单标记元素
选项：
  只要一个开始标记即可实现功能的元素.


题目类型：
  单选题
题目：
  为名词匹配正确的含义双标记元素
选项：
  必须成对出现的开始标记和结束标记的元素


题目类型：
  填空题
题目：
  为名词匹配正确的含义
选项：
  


题目类型：
  单选题
题目：
  为名词匹配正确的含义ul>li.active
选项：
  ul元素下的直接子元素中class为active的li


题目类型：
  单选题
题目：
  为名词匹配正确的含义ul li.active
选项：
  ul元素下的所有后代元素中class为active的li


题目类型：
  单选题
题目：
  为名词匹配正确的含义ulli>.active
选项：
  ul元素下的所有后代li的直接子元素中class为active的元素


题目类型：
  单选题
题目：
  为名词匹配正确的含义ul li .active
选项：
  ul元素下的所有后代li的所有后代中class为active的元素


题目类型：
  单选题
题目：
  为名词匹配正确的含义ul>li,.active
选项：
  ul元素下的直接子元素li以及其他任意class为active的元素


题目类型：
  填空题
题目：
  为名词匹配正确的含义
选项：
  


题目类型：
  判断题
题目：
  web服务器主要功能包括: 存储网站资源文件,代用户发送请求,提供基本的安全功能.
选项：
  对
  错


题目类型：
  判断题
题目：
  url是严格区分大小写的,且url中不允许出现中文.
选项：
  对
  错


题目类型：
  判断题
题目：
  默认情况下,单击旁边的文本,不会选中该单选按钮.
选项：
  对
  错


题目类型：
  判断题
题目：
  父元素所有样式属性,子元素都会自动继承.
选项：
  对
  错


题目类型：
  判断题
题目：
  行内块元素默认都是从上到下排列的,且每个行内块元素独占一行.
选项：
  对
  错


题目类型：
  判断题
题目：
  元素可设置的属性,伪元素也可设置.元素具有的特征,伪元素也同样具备.
选项：
  对
  错


题目类型：
  判断题
题目：
  行定义元素的translate属性,可让元素发生位移.
选项：
  对
  错


题目类型：
  判断题
题目：
  过渡速度变化曲线的默认值为:ease,表示从慢速开始,快速变快,最后慢速结束.
选项：
  对
  错


题目类型：
  判断题
题目：
  less既支持多行注释,又支持单行注释,所有注释都会被编译到css中.
选项：
  对
  错


题目类型：
  判断题
题目：
  响应式网页是指,一个网页会根据用户浏览器设备不同而自动改变布局.
选项：
  对
  错


题目类型：
  判断题
题目：
  物理设备宽比视口宽更能精准确定一个设备的种类.
选项：
  对
  错


题目类型：
  判断题
题目：
  bootstrap所有组件,单靠引入bootstrap.css就可执行.
选项：
  对
  错


题目类型：
  单选题
题目：
  创建web内容主要包括三部分: web设计、( )和web服务器端应用程序开发.
选项：
  数据库开发
  web前端网页开发
  app开发
  通信协议


题目类型：
  单选题
题目：
  下面定义html注释正确的是
选项：
  >
  
  -->
  <--这里是注释-->


题目类型：
  单选题
题目：
  下列选项中,不属于块级元素的是
选项：
  
  
  
  


题目类型：
  单选题
题目：
  当多个单选按钮多选一时,应该为组内的多个单选按钮定义相同的( )属性值.
选项：
  value
  name
  type
  checked


题目类型：
  单选题
题目：
  鼠标悬停在a元素上时,字体变为红色,正确的css定义是
选项：
  hover{ color: red }
  a:hover{ font-color: red }
  a:active{ color: red }
  a:active{ font-color:red }


题目类型：
  单选题
题目：
  下列关于相对长度单位描述正确的是:
选项：
  em总是相对于body元素的属性值计算倍数
  em总是相对于所在父元素的属性值计算倍数
  rem总是相对于所在父元素的属性值计算倍数
  rem总是相对于当前元素上的另一个属性值计算倍数


题目类型：
  单选题
题目：
  元素一旦浮动后,都会变为:
选项：
  行内元素
  块元素
  行内块元素
  浮动元素


题目类型：
  单选题
题目：
  将列表项标识改为图片的属性是:
选项：
  list-style-type
  list-image
  list-style-image
  list-type


题目类型：
  单选题
题目：
  以下关于线性渐变描述正确的是:
选项：
  线性渐变就是延水平方向填充渐变色
  线性渐变就是延垂直方向填充渐变色
  线性渐变就是以直线的方向来填充渐变色
  线性渐变就是以圆心为中心,延半径向外渐变


题目类型：
  单选题
题目：
  宽100 px的div元素,修改转换原点为右上角,下列属性设置正确的是
选项：
  transform-origin: 100% 0
  transform-origin: 0 100%
  transform-origin: 0 100px
  transform-origin: left top


题目类型：
  单选题
题目：
  下列使用变量正确的是
选项：
  background-color:@red
  background-color=red
  background-color=@red
  background-color:red


题目类型：
  单选题
题目：
  下列关于媒体查询说正确的是:
选项：
  min-device-width是用浏览器视口宽作为判断条件
  max-width是用设备物理显示屏宽作为判断条件
  min-device-width是用设备物理显示屏宽作为判断条件
  min-width是用浏览器软件的窗口宽作为判断条件


题目类型：
  单选题
题目：
  下列不属于文本对齐方式的样式类是:
选项：
  text-left
  text-middle
  text-right
  text-justity


题目类型：
  多选题
题目：
  下列说法错误的是:
选项：
  元素专门用于代替换行.
  元素专门用于给文字加下划线.
  元素专门用于加粗显示文字.
  元素专门用于显示一段文字,并在开头和结尾自动换行.


题目类型：
  多选题
题目：
  一个元素可同时被多个样式类修饰,以下写法正确的是:
选项：
  
  
  
  


题目类型：
  多选题
题目：
  下列关于固定定位描述正确的是:
选项：
  固定定位的元素,以文档显示区左上角作为参照.
  固定定位的元素,以body左上角作为参照.
  固定定位的元素位置在网页滚动时,跟随滚动,始终保持与body左上角的相对位置不变.
  固定定位的元素位置不会随着滚动条的滚动而发生改变.


题目类型：
  多选题
题目：
  以下属性值中可用于设置过渡速度变化曲线的值有:
选项：
  linear
  ease-in
  eary-in
  easy-out


题目类型：
  多选题
题目：
  以下关于媒体查询的描述正确的是:
选项：
  媒体查询,就是查询出当前浏览网页的设备的类型及特性,如屏幕尺寸.
  媒体查询,就是查询出当前浏览器的名称和版本号.
  媒体查询,就是根据浏览器的名称和版本号不同执行不同的css代码.
  媒体查询,就是根据设备和特性不同,选择执行不同的css代码.


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 定义一个表格,一共2行四列.其中,第一行第一个格,向下跨2行,且内容顶端对齐.第二行第二个单元格位置的格,向右跨3行,且内容居左对齐: 其中:①和③请选择不规则表格相关的属性 ②和④请选择内容对齐方式①
选项：
  rowspan="2"
  colspan="2"
  rowspan="3"
  align="top"
  valign="right"


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 定义一个表格,一共2行四列.其中,第一行第一个格,向下跨2行,且内容顶端对齐.第二行第二个单元格位置的格,向右跨3行,且内容居左对齐: 其中:①和③请选择不规则表格相关的属性 ②和④请选择内容对齐方式②
选项：
  valign="top"
  colspan="2"
  rowspan="3"
  align="top"
  valign="right"


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 定义一个表格,一共2行四列.其中,第一行第一个格,向下跨2行,且内容顶端对齐.第二行第二个单元格位置的格,向右跨3行,且内容居左对齐: 其中:①和③请选择不规则表格相关的属性 ②和④请选择内容对齐方式③
选项：
  colspan="3"
  colspan="2"
  rowspan="3"
  align="top"
  valign="right"


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 定义一个表格,一共2行四列.其中,第一行第一个格,向下跨2行,且内容顶端对齐.第二行第二个单元格位置的格,向右跨3行,且内容居左对齐: 其中:①和③请选择不规则表格相关的属性 ②和④请选择内容对齐方式④
选项：
  align="right"
  colspan="2"
  rowspan="3"
  align="top"
  valign="right"


题目类型：
  填空题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 定义一个表格,一共2行四列.其中,第一行第一个格,向下跨2行,且内容顶端对齐.第二行第二个单元格位置的格,向右跨3行,且内容居左对齐: 其中:①和③请选择不规则表格相关的属性 ②和④请选择内容对齐方式
选项：
  colspan=”2”
  rowspan=”3”
  align=”top”
  valign=”right”


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 在表单中定义性别,二选一.要求,回发服务器时的变量名为"sex".且扩大选中区域,点击文字,也可选中选项: <__①___>男 <__①___>女 ①
选项：
  label
  id
  title
  checkbox
  p


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 在表单中定义性别,二选一.要求,回发服务器时的变量名为"sex".且扩大选中区域,点击文字,也可选中选项: <__①___>男 <__①___>女 ②
选项：
  radio
  id
  title
  checkbox
  p


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 在表单中定义性别,二选一.要求,回发服务器时的变量名为"sex".且扩大选中区域,点击文字,也可选中选项: <__①___>男 <__①___>女 ③
选项：
  name
  id
  title
  checkbox
  p


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 在表单中定义性别,二选一.要求,回发服务器时的变量名为"sex".且扩大选中区域,点击文字,也可选中选项: <__①___>男 <__①___>女 ④
选项：
  value
  id
  title
  checkbox
  p


题目类型：
  填空题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 在表单中定义性别,二选一.要求,回发服务器时的变量名为"sex".且扩大选中区域,点击文字,也可选中选项: <__①___>男 <__①___>女
选项：
  id
  title
  checkbox
  p


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 如下图所示需求设计图:外层一个section元素,包裹着内层四个span元素.  请在下列css中补充选择器和css属性: ①
选项：
  width:1000px; margin:0 auto; padding:0 15px; margin-top:35px
  box-sizing: box; padding:10px 0
  padding:10px 0
  width:1000px; margin: auto; padding: 15px; margin:35px
  span,img


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 如下图所示需求设计图:外层一个section元素,包裹着内层四个span元素.  请在下列css中补充选择器和css属性: ②
选项：
  box-sizing: border-box
  box-sizing: box; padding:10px 0
  padding:10px 0
  width:1000px; margin: auto; padding: 15px; margin:35px
  span,img


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 如下图所示需求设计图:外层一个section元素,包裹着内层四个span元素.  请在下列css中补充选择器和css属性: ③
选项：
  padding:0 10px
  box-sizing: box; padding:10px 0
  padding:10px 0
  width:1000px; margin: auto; padding: 15px; margin:35px
  span,img


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 如下图所示需求设计图:外层一个section元素,包裹着内层四个span元素.  请在下列css中补充选择器和css属性: ④
选项：
  span>img
  box-sizing: box; padding:10px 0
  padding:10px 0
  width:1000px; margin: auto; padding: 15px; margin:35px
  span,img


题目类型：
  填空题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整: 如下图所示需求设计图:外层一个section元素,包裹着内层四个span元素.  请在下列css中补充选择器和css属性: 
选项：
  box-sizing: box; padding:10px 0;
  padding:10px 0;
  width:1000px; margin: auto; padding: 15px;  margin:35px;
  span,img


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整 定义var.less文件,其中声明两个变量保存字体大小和颜色值 再定义index.less文件,其中引入var.less中基础变量,并使用基础变量 代码如下: /*var.less文件中:*/ _①__:#e4393c; _②__:12px; /*index.less文件中*/ _③__; h1{ background-color: _①__;//使用变量 color:#fff; font-size: _④__ //将字体在标准字体基础上放大一倍 }①
选项：
  @red
  var red
  !important "var.less"
  $fontsize
  font-size*2


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整 定义var.less文件,其中声明两个变量保存字体大小和颜色值 再定义index.less文件,其中引入var.less中基础变量,并使用基础变量 代码如下: /*var.less文件中:*/ _①__:#e4393c; _②__:12px; /*index.less文件中*/ _③__; h1{ background-color: _①__;//使用变量 color:#fff; font-size: _④__ //将字体在标准字体基础上放大一倍 }②
选项：
  @fontsize
  var red
  !important "var.less"
  $fontsize
  font-size*2


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整 定义var.less文件,其中声明两个变量保存字体大小和颜色值 再定义index.less文件,其中引入var.less中基础变量,并使用基础变量 代码如下: /*var.less文件中:*/ _①__:#e4393c; _②__:12px; /*index.less文件中*/ _③__; h1{ background-color: _①__;//使用变量 color:#fff; font-size: _④__ //将字体在标准字体基础上放大一倍 }③
选项：
  @import "var.less"
  var red
  !important "var.less"
  $fontsize
  font-size*2


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整 定义var.less文件,其中声明两个变量保存字体大小和颜色值 再定义index.less文件,其中引入var.less中基础变量,并使用基础变量 代码如下: /*var.less文件中:*/ _①__:#e4393c; _②__:12px; /*index.less文件中*/ _③__; h1{ background-color: _①__;//使用变量 color:#fff; font-size: _④__ //将字体在标准字体基础上放大一倍 }④
选项：
  @fontsize*2
  var red
  !important "var.less"
  $fontsize
  font-size*2


题目类型：
  填空题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整 定义var.less文件,其中声明两个变量保存字体大小和颜色值 再定义index.less文件,其中引入var.less中基础变量,并使用基础变量 代码如下: /*var.less文件中:*/ _①__:#e4393c; _②__:12px; /*index.less文件中*/ _③__; h1{ background-color: _①__;//使用变量 color:#fff; font-size: _④__ //将字体在标准字体基础上放大一倍 }
选项：
  var red
  !important “var.less”
  $fontSize
  font-size*2


题目类型：
  单选题
题目：
  从答案选项中选择正确的代码,将其对应的字母填写在空白的步骤中,从而把步骤补充完整 需求图片: 代码如下:   用户名