职教云HTML5 应用技术考试答案.docx

1、职教云HTML5 应用技术考试答案1.(2分)单选题019、HTML 代码:jQuery 代码: $(input:enabled) 结果:（ ）A A、 B B、 C C、参考答案： B 解析：无2.(2分)单选题21.下面哪种不是jquery的选择器？( )A A、基本选择器B B、后代选择器C C、类选择器D D、进一步选择器参考答案： D 解析：无3.(2分)单选题2如何显示这样一个边框：上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素？A border-width:10px 5px 20px 1pxB border-width:10px 20px 5px 1p

2、xC border-width:5px 20px 10px 1pxD border-width:10px 1px 5px 20px参考答案： D 解析：无4.(2分)单选题2下面哪个属性用于指定对象动画延迟的时间（ ）A animation-nameB animation-timing-functionC animation-play-stateD animation-delay参考答案： D 解析：无5.(2分)单选题2使用哪个方法可以向html文档写入文本 ：A System.out.println()B document.write()C out()参考答案： B 解析：无6.(2分)单

3、选题2关于关键帧，下面说法不正确的是（ ）A 可以使用关键字from和to定义关键帧的位置B 在实现Animation动画时，需要先定义关键帧C 可以使用百分比定义关键帧的位置D 所有浏览器都支持参考答案： D 解析：无7.(2分)单选题2javascript描述错误的是：A javascript是Netscape公司开发的脚本语言。B javascript是面向对象的网页开发语言。C javascript可以直接嵌入html中，通过浏览器不需要编译而直接运行。D javascript依赖于浏览器本身，与操作环境无关。参考答案： B 解析：无8.(2分)单选题2下面说法错误的是：A 在java

4、script中最基本的数据类型有：字符串、数字、布尔值。 B 在javascript中是采用的弱类型形式。C 在javascript中数字数据分为整型数字和浮点型数字。D 在javascript中undefined和null表示的是同一个意思。参考答案： D 解析：无9.(2分)单选题2HTML5不支持的视频格式是A oggB mp4C flvD WebM参考答案： C 解析：无10.(2分)单选题2若要在页面中创建一个图像超链接，要显示的图形为 baidu.png，所链接的地址为，以下用法中正确的是（ ）。 A baidu.pngB C D 参考答案： B 解析：无11.(2分)单选题2下面

5、哪个属性用于指定动画的播放次数（ ）A animation-nameB animation-delayC animation-iteration-countD animation-play-state参考答案： C 解析：无12.(2分)单选题2下面的代码：在.test中添加如下代码：transform: rotateY(90deg);则关于类样式为test的子元素向观测者移动的说法正确的是：A 看到一个绕Y轴旋转90度的矩形。B 看到一条垂直的竖线。C 将会看不到元素。D 以上都不对参考答案： C 解析：元素绕Y轴旋转90度后，由于div元素没有厚度，所以正对着元素看，将看不到任何内容。如果

6、改变观测点的位置，使其不在正中间，则可以看到元素。13.(2分)单选题2在制作HTML页面时，页面的布局技术主要分为（ ）。 A 框架布局B 表格布局C DIV层布局D 以上全部选项参考答案： D 解析：无14.(2分)单选题2以下关于CSS3的动画说法正确的是A CSS3的动画都是帧动画B CSS3的动画类型有三种C CSS3的动画是不可以有交互的D CSS3的动画通过web-key-frame来预先定义参考答案： A 解析：无15.(2分)单选题2nav元素不可以应用于以下（ ）场合。A 传统导航条B 侧边栏导航C 翻页操作D 页外导航参考答案： D 解析：无16.(2分)单选题2以下哪项

7、可以实现水平方向4像素，垂直方向上2像素，2像素的模糊半径，颜色为透明度为80%的红色的文字阴影效果？A text-shadow: 2px 4px 0px rgba(255,0,0,.8);B text-shadow: 4px 2px 0px rgba(255,0,0,.8);C text-shadow: 4px 2px 2px rgba(255,0,0,.8);D text-shadow: 4px 2px 2px rgba(0,255,0,.8);参考答案： C 解析：无17.(2分)单选题214、HTML 代码:Header 1Value 1Value 2jQuery 代码: $(tr:o

8、dd) 结果:（ ）A A、 Value 1 B B、Header 1C C、Value 1D D、Value 2参考答案： A 解析：无18.(2分)单选题2对javascript中注释说法正确的是：A 在javascript中使用/进行多行注释。B 在javascript中使用/*/进行多行注释。C 在javascript中使用进行注释D 在javascript中使用进行注释。参考答案： B 解析：无19.(2分)单选题2transition过渡动画使用时，其第一个参数指定了过渡动画的：A 属性B 延时时间C 动画时长D 过渡的时间曲线参考答案： A 解析：无20.(2分)单选题2HTML

9、5 的正确 doctype 是？A B C 参考答案： A 解析：无21.(4分)多选题4HTML5中使用那些标签实现媒体播放？A CanvasB mediaC audioD video参考答案： C D 解析：无22.(4分)多选题4将盒子模型的边框设置为红色代码正确的为？A border-color: red；B border-color: #f00；C border-color: （255,0,0）；D 都错误参考答案： A B C 解析：无23.(4分)多选题4下面是HTML5中新增的结构元素的是（ ）。A headerB articleC asideD frame参考答案： A B

10、C 解析：无24.(4分)多选题4盒子模型的边距属性包括哪些？A borderB paddingC marginD color参考答案： B C 解析：无25.(4分)多选题4渐变背景都有哪些类型？A 线性渐变B 重复C 重复线性渐变D 重复重复参考答案： A B C D 解析：无26.(1分)判断题1CSS3中，:nth-of-type(n)和:nth-last-of-type(n)选择器用于匹配属于父元素的特定类型的第 n 个子元素和倒数第n个子元素。A) 正确B) 错误参考答案： A 解析：无27.(1分)判断题1文档中不仅有文字，还有其他各种类型的资源，如图像、声音和视频等，这些资源不

11、能 直接存储在 HTML文档中，所以也要建立文件夹分类存放。 A) 正确B) 错误参考答案： A 解析：无28.(1分)判断题1CSS3中，:first-child选择器用于为父元素中的第一个子元素设置样式。A) 正确B) 错误参考答案： A 解析：无29.(1分)判断题1在CSS中，书写图片路径的时候，尽量使用绝对路径，因为可以更稳定简洁。A) 正确B) 错误参考答案： B 解析：无30.(1分)判断题1页面设计时，希望当内容超过容器高度时，容器能够自动地伸展，可以通过CSS样式的定义容器的高度属性为auto，并对其后的元素清除浮动来实现。A) 正确B) 错误参考答案： A 解析：无31.(

12、1分)判断题1CSS3中，Eatt$=value属性选择器是指选择名称为E的标记，且该标记定义了att属性，att属性值包含后缀为value的子字符串。A) 正确B) 错误参考答案： A 解析：无32.(1分)判断题1伪类虽然不是真正意义上的类，但是它的名称可以由用户自定义。A) 正确B) 错误参考答案： B 解析：无33.(1分)判断题1对三个盒子都设置了向左浮动属性后，一定会在一行上显示。A) 正确B) 错误参考答案： B 解析：无34.(1分)判断题1对页面上同一个元素不可以同时应用多个CSS样式表。（）A) 正确B) 错误参考答案： B 解析：无35.(1分)判断题0在 HTML5 中

13、，您能够直接将 SVG 元素嵌入 HTML 页面中。A) 正确B) 错误参考答案： A 解析：无36.(5分)填空题(主观)5若html根元素的font-size值为18px，则1.5rem=（）px填空一 27 参考答案：填空 一27解析：27px教师评语：无批改附件：无37.(5分)填空题(主观)5transform-style属性指定嵌套元素是怎样在三维空间中呈现。 当容器进行3D变换时，要使其子元素同样进行3D变换，应指定transform-style属性值为：填空一 preserve-3d 参考答案：填空 一preserve-3d解析：无教师评语：无批改附件：无38.(10分)问答题

14、5试分析表单元素属性validity？答：validity：表单验证HTML5提供一种有效状态，有效状态通过validityState对象获取到，validitySteta对象可通过vilidity属性得到与验证状态相关的信息。参考答案：解析：无教师评语：无批改附件：无39.(10分)问答题8CSS3新增伪类有哪些？答：1、p:first-of-type 选择属于其父元素的首个元素的每个元素 2、p:only-of-type选择属于其父元素唯一的元素的每个元素 3、p:nth-of-type(n) 选择属于其父元素的第n个元素的每个元素 4、p:target 选择当前活动的元素 5、:not(p) 选择非元素的每个元素 6、:enabled 控制表单控件的可用状态 7、:checked 单选框或复选框被选中参考答案：p:first-of-type 选择属于其父元素的首个 元素的每个 元素。p:last-of-type 选择属于其父元素的最后 元素的每个 元素。p:only-of-type 选择属于其父元素唯一的 元素的每个 元素。p:only-child 选择属于其父元素的唯一子元素的每个 元素。p:nth-child(2) 选择属于其父元素的第二个子元素的每个 元素。:enabled、:disabled 控制表单控件的禁用状态。:checked，单选框或复选框被选中。