《响应式（容易）》试卷得分一、单选题（每题2分，共计30分）1．下列选项中，不属于运算符的是（）（）A、B、C、D、2．在对象中，当执行方法()时触发的事件是（）（）A、B、C、D、3．下列选项中，的基本数据类型不包括（）（）A、字符串B、数组C、数值D、布尔4．规定动画以开始和结束的取值为（）（）A、B、C、D、5．在中，定义标签页的选中项需要使用的类是（）（）A、类B、类C、类D、类6．下列选项中，用于定义一定范围内数字值的输入域的属性值是（）（）A、B、C、D、7．下列选项中，用于定义重置按钮的属性值是（）（）A、B、C、D、8．下列选项中，用于设置弹性盒容器为多行的是（）（）总分题号一二三四五题分得分A、：;B、：;C、：;D、：;9．在中，用于表示一个危险动作的按钮操作的类是（）（）A、类B、类C、类D、类10．在配置视口属性时，下列选项中用于设置初始缩放比例的选项为（）（）A、B、C、D、11．字体属性合写语法中中，合写属性的顺序正确的是（）（）A、 ;B、 ;C、 ;D、 ;12．下列选项中，属于并集选择器书写方式的是（）（）A、a p{}B、a {}C、{}D、a {}13．下列关于层叠性的说法中正确的是（）（）A、为一个元素多次设置不同样式，处于最后面的样式会被应用。
B、为一个元素多次设置不同样式，处于最前面的样式会被应用。
C、为一个元素多次设置不同样式，该元素会同时显示多个样式。
D、为一个元素多次设置不同样式，所有样式将失效。
14．下列选项中，为下拉列表定义选中项的写法，正确的是（）（）A、””B、 =”“C、D、15．使用制作胶囊标签页时，需要哪个类与类搭配使用是（）（）A、类B、类C、类D、类得分二、多选题（每题3分，共计15分）16．下列选项中，关于(); 语法参数的描述，正确的是（）（）A、x、y代表矩形形起点相对浏览器左上角的横纵坐标B、x、y代表矩形起点的横纵坐标C、和代表要绘制矩形距离浏览器左上角的宽和高D、和代表要绘制矩形的宽和高17．用于设置英文文本转换，下列选项中，取值正确的是（）（）A、B、C、D、18．下列选项中，属于块级元素的是（）（）A、;B、;C、;D、;19．下列选项中，属于<>标签的常用属性的是（）（）A、B、C、D、20．下列选项中，关于运算符描述正确的是（）（）A、a^，相当于^bB、，相当于C、，相当于D、，相当于得分三、判断题（对的打“√”，错的打“×”；每题2分，共20分）21．是一个应用软件。
（）22．用于给对象实现图层阴影效果。
（）23．.最多接受两个值，分别是x轴、y轴的偏移量。
（）24．当鼠标按钮被按下时，触发事件。
（）25．包含了功能强大的内置组件，易于定制。
（）26．弹出框属于的基本结构。
（）27．定义了一种新的语义化标签来描述元素的内容。
（）28．属性只能应用于对象。
（）29．是对象的常用属性。
（）30．<p>是文档中最常见的标签，文本在一个段落中会根据浏览器窗口的大小自动换行。
（）得分四、填空题（每题2分，共计10分）31．属性规定动画开始前的。
32．的属性的默认值为。
33．浮动元素的外边缘不会超过的内边缘。
34．中使用类表示需要谨慎操作的按钮。
35．标签嵌套在<>标签中使用，用于指定图片的标注。
得分五、简答题（每题5分，共计25分）36．使用制作一个网页，完成图中所示的页面效果。
37．请简述包中提供了哪些内容以及它们的作用。
38．请简要介绍表单的三个核心元素。
39．请简述什么是3 ，如何使用。
40．使用制作一个标签页，完成图中所示的页面效果。
答案一、单选题（每题2分，共计30分）1．C2．B3．B4．D5．D6．B7．C8．C9．C10．A11．A12．C13．A14．B15．B二、多选题（每题3分，共计15分）16．17．18．19．20．三、判断题（每题2分，共计20分）21．错22．对23．错24．错25．对26．错27．错28．错29．对30．对四、填空题（每题2分，共计10分）31．【延迟】32．【】33．【父元素】34．【】35．【;】五、简答题（每题5分，共计25分）36．< ":1 :5 10;"> ;<> < ":1 :5 10;">;<> < ":1 :5 10;">;<> < ":1 :5 10;">按钮;<> < ":1 :5 10;"> 8;<> < ":1 :5 10;"> ; ;<> < ":1 :5 10;"> ; , 1.0;<> < ":1 :5 10;"> ; ;<> < ":1 :5 10;">;<> < ":1 :5 10;">;<> < ":1 :5 10;"> 标准的按钮 ;<> < ":1 :5 10;"> ; ;默认按钮;<> < ":1 :5 10;"> 提供额外的视觉效果，标识一组按钮中的原始动作 ;<> < ":1 :5 10;"> ; ;原始按钮;<> < ":1 :5 10;"> 表示一个成功的或积极的动作 ;<> < ":1 :5 10;"> ; ;成功按钮;<> < ":1 :5 10;">;<> < ":1 :5 10;"> 信息警告消息的上下文按钮 ;<> < ":1 :5 10;"> ; ;信息按钮;<> < ":1 :5 10;">;<> < ":1 :5 10;"> 表示应谨慎采取的动作 ;<> < ":1 :5 10;"> ; ;警告按钮;<> < ":1 :5 10;">;<> < ":1 :5 10;"> 表示一个危险的或潜在的负面动作 ;<> < ":1 :5 10;"> ; ;危险按钮;<> < ":1 :5 10;">;<> < ":1 :5 10;"> 并不强调是一个按钮，看起来像一个链接，但同时保持按钮的行为 ;<> < ":1 :5 10;"> ; ;链接按钮;<> < ":1 :5 10;">;<> < ":1 :5 10;">;<> < ":1 :5 10;">;<> < ":1 :5 10;">;<>37．<p>包中的提供的内容包括基本结构、、布局组件、插件等，具体如下：<> <p>基本结构：提供了一个带有网格系统、链接样式、背景的基本结构。
<> <p>：自带全局的设置、定义基本的元素样式、可扩展的，以及一个先进的栅格系统。
这将在部分详细讲解。
<> <p>布局组件：包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。
<> <p> 插件：包含了十几个自定义的插件。
可以直接包含所有的插件，也可以逐个包含这些插件。
<> <p>定制：开发人员可以定制的组件、变量和插件来得到您自己的版本。
<>38．<p>表单的三个核心元素分别为表单标签（）、表单域（）、表单按钮（），具体说明如下：<> <p>（1）表单标签：这里面包含了处理表单数据所用的程序的以及数据提交到服务器的方法。
<> <p>（2）表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
<> <p>（3）表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
<> <p>;<>39．<p>是指3的精灵技术，它的本质是多张图片拼成一张图片。
为了提高网页性能的原因而使用它们。
一般来说，一个网站的请求需要越少，速度越快。
当访问该页面时，只需要载入一次图片，然后利用的;、 ;、;组合进行背景定位，将一张大图片中的某个部分显示到网页的固定位置。
<>40．< ":1 :5 10;"> ;<> < ":1 :5 10;">;<> < ":1 :5 10;">;<> < ":1 :5 10;">; ;胶囊标签页;<> < ":1 :5 10;">; 8;<> < ":1 :5 10;">; ; ;<> < ":1 :5 10;">; ; , 1.0;<> < ":1 :5 10;">; ; ;<> < ":1 :5 10;">;<> < ":1 :5 10;">;<> < ":1 :5 10;"> ;<> < ":1 :5 10;">; ; ;<> < ":1 :5 10;">; ; ; ;第一页;<> < ":1 :5 10;">; ;<> < ":1 :5 10;">; ; ;<> < ":1 :5 10;">; ; ;第二页;<> < ":1 :5 10;">; ; ;<> < ":1 :5 10;">; ; ;第三页;<> < ":1 :5 10;">;<> < ":1 :5 10;"> ;<> < ":1 :5 10;">; ; ; ;我是第一页内容;<> < ":1 :510;">; ; ;我是第二页内容;<> < ":1 :5 10;">; ; ;我是第三页内容;<> < ":1 :5 10;">;<> < ":1 :5 10;"> 1.11.0;<> < ":1 :5 10;"> ;<> < ":1 :5 10;">;<> < ":1 :5 10;">;<>。