网页设计与制作项目式教程（HTML CSS）（慕课版）-习题及答案 项目四_第1页
网页设计与制作项目式教程（HTML CSS）（慕课版）-习题及答案 项目四_第2页
网页设计与制作项目式教程（HTML CSS）（慕课版）-习题及答案 项目四_第3页
网页设计与制作项目式教程（HTML CSS）（慕课版）-习题及答案 项目四_第4页
网页设计与制作项目式教程（HTML CSS）（慕课版）-习题及答案 项目四_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

项目四任务4.2一、单选题（10题）1.在HTML中，（）标签用于在网页中创建表单。A.<table>B.<p>C.<div>D.<form>答案：D2.下列哪一项不是表单元素？（）A.<input>B.<select>C.<textarea>D.<img>答案：D3.下列哪一项表示是下拉菜单（）。A.type="submit"B.type="reset"C.<select></select>D.type="radio"答案：C4.下列HTML代码中，表示按钮的是（）A.<inputtype="radio"/>B.<inputtype="select"/>C.<inputtype="button"/>D.<inputtype="text"/>答案：C5.下列HTML标签中，属于输入框的是（）。A.<input>B.<button>C.<html>D.<div>答案：A6.下列哪个属性用于在HTML表单中指定提交方法？（）A.actionB.methodC.hrefD.url答案：B7.下列哪个用来为<input>元素定义标注？（）A.<form>B.forC.typeD.<label>答案：D8.以下哪个选择器可以选择紧接在<h2>元素后的<p>元素？（）A.pB.h2+pC.h2~pD.:last-child答案：B9.以下哪个选择器可以选择所有type属性值为text的<input>元素？（）A.inputB.input[type="text"]C.[type="text"]D.[type="input"]答案：B10.下列哪个选择器可以选择<div>元素内部的直接子元素<p>？（）A.div>:childB.div:childC.div>pD.divp答案：C二、多选题（5题）1.以下哪些元素是表单控件元素？（）A.<inputtype=＂text＂>B.<select>C.<textarea>D.<datalist>答案：ABCD2.下面关于input元素的属性说法中，正确的是()。A.input元素的type属性可以设置它的类型B.input元素的name属性规定元素的名称C.input元素的value属性可以为元素设定值D.用户可以修改包含disabled属性的input元素的内容答案：ABC3.关于HTML中的form元素，正确的说法是（）A.form元素是块级元素B.form元素能够包含input元素C.form元素只能用于get方式提交D.form元素用于向服务器传输数据答案：ABD4.下列选项中，属于input标签type属性值的是（）。A.buttonB.passwordC.submitD.post答案：ABC5.能够选中下列div标签的CSS选择器有（）。<divclass="test"></div>A、标签选择器B、类选择器C.ID选择器D.属性选择器答案：ABD三、判断题（5题）1.<form>元素具有method属性，用于指定表单数据的提交目标。（错）2.当表单单选按钮控件存在多个选项时，将每个选项<input>标签的name值设置为相同才能将选项绑定为一个选项组，实现单选。（对）3.当用户选择<label>标签内容时，如果希望浏览器自动聚焦到和标签相关的表单控件上。<label>标签的for属性应当与相关元素的id属性相同。（对）4.相邻兄弟选择器可以选择两个相邻的元素，不一定是兄弟元素。（错）5.属性选择器可以使用方括号[]来表示，可以选择多个指定属性的元素。（对）任务4.3一、单选题（10题）1.下列哪个伪类选择器用于选择鼠标悬停在元素上时的样式？A.:hoverB.:activeC.:visitedD.:link答案：A2.下列哪个伪类选择器用于选择元素被点击时的样式？A.:hoverB.:activeC.:visitedD.:link答案：B3.下列哪个伪类选择器用于选择已被访问的链接的样式？A.:hoverB.:activeC.:visitedD.:link答案：C4.在CSS中，display属性定义了元素的什么？A.宽度和高度B.颜色和字体C.显示类型D.布局和定位答案：C5.iframe元素的主要作用是什么？A.增加网页的可见性B.嵌入其他网页或内容C.减少网页的可见性D.提高网页的交互性答案：B二、多选题（5题）1.下列哪些CSS伪类选择器用于控制超链接的状态？A.:hoverB.:activeC.:visitedD.:link答案：ABCD2.下列哪些CSSdisplay属性的值可以使元素具有行内元素的显示特点？A.inlineB.blockC.inline-blockD.none答案：AC3.下列哪些CSSdisplay属性的值可以使元素显示为表格的类型？A.tableB.table-rowC.table-cellD.list-item答案：ABC4.下列哪些是iframe元素的常用属性？A.srcB.borderC.heightD.width答案：ACD5.iframe元素可以用来实现哪些功能？A.嵌入其他网页B.嵌入视频C.动态加载D.跨域通信答案：ABCD三、判断题（5题）1.所有CSS伪类都以冒号:开头，CSS伪类可以用于选择元素的特定状态。（对）2.当display属性设置为none时，元素会显示，但不可见。（错）3.如果一个元素的display属性为block，它将以块级元素的形式显示。（对）4.使用iframe嵌入其他网页时，不需要考虑安全问题。（错）5.iframe元素的滚动条样式可以通过CSS来设置。（对）任务4.4一、单选题（5题）1.CSS精灵图是什么？（）A.一张包含多个图片的复杂图片B.一张包含多个小图且透明的PNG图片C.一段用来描述多个图片位置和大小的CSS样式代码D.一段用来显示多个图片的HTML代码答案：C2.CSS精灵图的优点是什么？A.减少HTTP请求B.增加网页的加载时间C.无任何优点，完全不如独立的小图D.会造成网页上文字不易被选中答案：A3.当position属性为relative时，元素相对于什么进行定位？A.父元素B.自己的初始位置C.浏览器窗口D.不定位答案：B4.如果一个元素设置了position属性为absolute时，则它的父元素应该设置哪种定位属性？（）A.fixedB.absoluteC.relativeD.设不设置无所谓答案：C5.CSS中的z-index属性有什么作用？A.控制元素的垂直对齐方式B.控制元素的堆叠顺序C.控制元素的可见性D.控制元素的尺寸大小答案：B二、多选题（5题）1.CSS精灵图有哪些优点？A.减少HTTP请求数量，加快网页加载速度B.减少图片文件大小，加快下载速度C.方便维护和管理图片资源D.适用于所有类型的图片答案：ABC2.下列CSS属性值中，属于position值的是（）。A、relativeB、staticC、fixedD、absolute答案：ABCD3.想让元素脱离文档普通流，需要把position属性值设置成（）。A、relative B、absolute C、fixed D、static答案：BC4.关于position定位，下列说法错误的是（）。A、fixed元素，可定位于相对于浏览器窗口的指定坐标，它始终是以body为依据B、relative元素以它原来的位置为基准偏移，在其移动后，原来的位置不再占据空间C、absolute的元素，如果它的父容器设置了position属性，并且position的属性值为absolute或者relative，那么就会依据父容器进行偏移D、fixed属性的元素在标准流中占位置答案：ABD5.关于CSS的说法正确的有()A、CSS可以控制网页背景颜色B、position可以实现盒子模型精确定位C、字体大小的单位可以使emD、z-index的取值不能是负数答案：ABC三、判断题（5题）1.CSS精灵图的优点是可以减少网页的HTTP请求数量，从而加快网页的加载速度。（对）2.CSS精灵图的

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论