下载文档原格式
Web前端开发初级实操考试-1+X证书试点
考生姓名准考证号
2019年下半年Web前端开发初级实操考试
（考试时间14:00-16:30 共150分钟）
1. 本试卷共5道题，满分100分。
2. 请在指定位置或开发环境下作答。
试题一（22分）
阅读下列说明、效果图和HTML代码，进行静态网页开发，填写（1）至（11）代码。
【说明】
这是某电商类网站服装商品展示页面局部，该网站正在促销秋冬季女装。
现在我们需要编写该网站效果图部分代码。
项目名称为shopping，包含首页index.html、css文件夹、img 文件夹，其中，css文件夹包含index.css文件；img文件夹包含img1.jpg、img2.jpg、img3.jpg、img4.jpg、img5.jpg 图片。
【效果图】
图1-1
【代码：首页index.html】。
Web前端开发初级考试试卷1. 本试卷共3道大题，满分100分。
本次考试时间为30分钟2. 请在指定位置作答。
基本信息：[矩阵文本题] *一、单选题（每小题3分，共15小题，共45分）1.在html中，样式表按照应用方式可以分为三种类型，其中不包括（）。
[单选题] *A.内嵌样式表B.行内样式表C.外部样式表文件D.类样式表(正确答案)2.在HTML上，将表单中INPUT元素的TYPE属性值设置为（）时，用于创建重置按钮。
[单选题] *A.reset(正确答案)B.setC.buttonD.image3.分析下面的HTML代码段，该页面在浏览器中的显示效果为（）。
<HTML><body><marquee scrolldelay="200" direction="right">Welcome!</marquee></body></HTML> [单选题] *A.从左向右滚动显示“Welcome!”(正确答案)B.从右向左滚动显示“Welcome!”C.从上向下滚动显示“Welcome!”D.从下向上滚动显示“Welcome!”4. 下列表示下标的是（） [单选题] *A.<sup></sup>B.<sub></sub>(正确答案)C.<top></top>D.<em></em>5.在HTML中，以下关于CSS样式中文本属性的说法，错误的是（）。
[单选题] *A.font-size用来设置文本的字体大小B.font-family用来设置文本的字体类型C.color用来设置文本的颜色D.text-align用来设置文本的字体形状(正确答案)6.在HTML中，（）标签用于在网页中创建表单。
[单选题] *A.<INPUT>B.<SELECT>C.<TABLE>D.<FORM>(正确答案)7.为了设置页面的背景色为黑色，应该使用()。
1+XWeb前端开发职业技能等级考试--初级客观题Web 前端开发职业技能等级考试--初级客观题2019年下半年Web 前端开发初级理论考试（考试时间9:00-11:00 共120分钟）1. 本试卷共 3 道大题，满分100 分。
2. 请在指定位置作答。
一、单选题（每小题 2 分，共30小题，共60分）基本信息：［矩阵文本题］ *姓名：院校：班级:1. 块级元素说法正确的是（）［单选题］ *A、块级元素和其他元素在一行显示B、块级元素对宽和高，边距生效（正确答案）C、块级元素对宽和高生效，边距不生效D、块级元素对宽，高，边距都不生效2. 以下说法正确的是（）［单选题］ *A. table 的表单标签B. td 的代表行C. tr 代表列D. table 是表格标签（正确答案）3. 不是HTML5 的新增的特性是（）［单选题］ *A. 新增了很多语义化标签B. 新增了音频和视频C. 新增了本地存储D. 新增伪类（正确答案）4. CSS3中可以用（）关键词，自定义字体代表小图标［单选题］A. transitionB. transformC. font-face（正确答案）D. font-family5. 在开发过程中，图片下面有 1 像素的小间隙，如何去除（）：A. 给图片设置font-size:0B. 给图片设置display:block（正确答案）C. 给图片设置border:0D. 给图片设置border:none;6. 让一个动画名为fade的动画持续执行并且在第一次开始时延迟画执行1s，以下代码正确的是（）［单选题］ *A. animation:fade 1s 0.5s infinite（正确答案）［单选题］0.5s开始,每次动B. animation:fade 0.5s 1s infiniteC. animation:fade 1s 0.5s linearD. 以上都不正确7. 下列属于内联元素的是（）：［单选题］ *A、divB、a（正确答案）C、pD、table8. css3中用（）来定义过渡动画的时间［单选题］ *A. transition-propertyB. transition-timing-functionC. transition-duration（正确答案）D. transition-delay9. css3中的伪类div p:nth-of-type（3）{color:red} 的说法正确的是（）：［单选题］A. 给div 元素的第三个子元素设置文字颜色为红色B. 给div 元素的后代元素的第三个p元素设置文字颜色为红色（正确答案）C. 给div 的后代元素p 设置文字颜色为红色D. 以上说法都不正确10. css样式初始化的原因描述错误的是（）：［单选题］A. 清除默认样式B. 由于浏览器的内核不同，对标签的默认样式解析不同，导致显示效果不同，所以需要初始化样式C. 和浏览器没有关系，只是规范而已（正确答案）D. 保证各个浏览器页面效果的一致性11. 设置文字的大小为14px，加粗，行高为28px，字体是微软雅黑，字体是倾斜的，以下书写正确的是（）：［单选题］ *A. font:14px " 微软雅黑" 28px 600 italicB. font:"微软雅黑" 14px/28px 600 italicC. font:14px/28px 600 "微软雅黑" italicD. font:600 italic 14px/28px " 微软雅黑"（正确答案）12. 设置背景颜色为green,背景图片垂直居中显示，背景图片充满整个区域，但是背景图片不能变形,图片只出现一次，以下书写正确的是（）：［单选题］ *A. background:url（"../img/img1.jpg"）no-repeat center/cover green;（正确答案）B. background:url（"../img/img1.jpg"）repeat center/cover green;C. url（"../img/img1.jpg"） no-repeat center/100% green;D. url（"../img/img1.jpg"）no-repeat center/100% 100% green;13. 设置一个div 元素的外边距为上:20px,下:30px,左:40px,右:50px，下列书写正确的是（）：［单选题］ *A. padding:20px 30px 40px 50px;B. padding:20px 50px 30px 40px;C. margin:20px 30px 40px 50pxD. margin:20px 50px 30px 40px( 正确答案)14. 在javascript中，执行结果正确的是()：[单选题] *A. typeof(null) 的结果为nullB. typeof(typeof(5))的结果为"string" (正确答案)C. typeof(5)的结果为NumberD. typeof(typeof(undefined))的结果为undefined15. 在javascript中，数据类型转换正确的是()：[单选题]A. Number("123abc")的值为NaN(正确答案)B. parseInt("123abc")的值为NaNC. parseInt("10",8)的值为10D. parseFloat("abc123.3")的值为123.3［单选题］16. 在javascript 中，下列转Boolean后值为false的是()：A、Boolean(" ")B、Boolean(0)(正确答案)C、Boolean([])D、Boolean({})17. 在javascript 中,执行下列代码后输出的结果是()：if(function(){}){console.log(1);}else{console.log(2);}［单选题］ *A、2B、1(正确答案)C、什么也不输出D、报错18. 在javascript 中，执行下列代码输出的结果是()：console.log(+"5"*2+"6"-"4"+true); ［单选题］ *A、13B、103(正确答案)C、104D、12true19. 在javascript 中，执行下列代码输出的结果是()：for(var i=0;i<4;i++){console.log(i)}console.log(i)［单选题］ *A、0 1 2 3 4(正确答案)B、0 1 2 3 4 5。
“1+X”Web前端开发初级智慧树知到课后章节答案2023年下黑龙江交通职业技术学院黑龙江交通职业技术学院绪论单元测试1.对html元素描述正确的是（）。
答案:行内块元素是可以在一行显示的块级元素;多个行内元素共同显示在一行;各种元素之间可以通过display属性互相转换;块级元素独占一行显示第一章测试1.html文档中各个部分描述错误的是（）。
答案:其余说法都不对2.每种CSS选择器一般都有一个对应的表示符号，下面描述错误的是（）。
答案:空格表示并集选择器3.取消超链接标签a的默认样式，应该用下面哪个样式设置？（）答案:text-decoration4.设置p标签中的文本为水平居中显示，应该用下面哪个样式？（）答案:text-align5.让多个div显示在一行的方法是（）。
答案:设置浮动第二章测试1.表单元素中可以通过设置type属性改变显示样式的元素是（）。
答案:input2.img元素中引入图片地址的属性是（）。
答案:src3.以下几种定位中哪种定位不会脱离文档标准流（）。
答案:relative4.关于背景的样式属性中，哪一个是用来设置背景图片位置的（）。
答案:background-position5.以下哪个标签不是table中的子标签（）。
答案:tfooter第三章测试1.以下哪一项不是transform的属性（）。
答案:transition2.以下哪一项不能获取DOM元素（）。
答案:getElementByClassName()3.javascript中数组定义错误的是（）。
答案:var arr = {1,2,3}4.以下不属于jQuery方法的是（）。
答案:style()5.以下关于jQuery的描述错误的是（）。
答案:jQuery的宗旨是“write more，do less”。
1+X证书认证Web前端开发(初级)试题及答案2套单项选择题1、在PHP的str_replace(123)函数中，1,2,3所代表的含义是(D )A:"取代字符串"，"被取代字符串"，"来源字符串"B:"来源字符串"，"被取代字符串"，"取代字符串"C:"来源字符串"，"取代字符串"，"被取代字符串”D:"被取代字符串"，"取代字符串"，"来源字符串"2、在canvas中,用于绘制图片的方法是(B )A:strokelmage()B:drawlmage()C:filllmage()D:draw()3、PHP用于存储用户会话信息的超级全局变量是(C )A:$_COOKIEB:$_FILEC:$_SESSIOND:$_POST4、使用媒体查询时，媒体类型取值为screen代表(A )A:用于所有设备B:用于掌上设备或更小的装置35、以下选项中，设置外阻影且阴影在盒子顶部的选项是（B、D ）A:box-shadow:-7px -4px 10px #000 insert;B:box-shadow:7px -4px lOpx #000;C:box-shadow:7px 4px lOpx #000 insert;D:box-shadow:-7px -4px lOpx #00036、Ajax接受的数据类型有（B、C、D ）A:图像B:jsonC:文本D:XML37、属于PHP不等运算符的有（A、D ）A:<>B:=/C:><D: !=38、PHP函数的参数传递包括（B、C）A:按作用传递B:按变量传递C:按值传递D:按引用传递39、使用RESTful API规范设计用户管理模块，设计新增用户接口和查询用户接口时，分别选用动词为（B、C ）A:DELETEB:POSTC:GETD:PUT40、以下选项中关于JavaScript运算符描述正确的选项是（A、B、C、D ）A：a=b■相当于a=abB:a+=b ,相当于 a = a+bC:a%=b ,相当于 a =a%bD：a-=b,相当于a=a-b41、以下选项中，有关Bootstrap组件默认样式，描述正确是（B、D ）A:目前没有方法可以修改Bootsstrap组件默认样式B:可以查找Bootstrap源码样式，用CSS覆盖掉这些默认样式C:Bootstr叩组件提供的样式已经足够使用，无需修改D:使用!important可以提高代码优先级42、Laravel框架支持的几种数据库系统是（A、B、D）A:SQL ServerB:SQLiteC:PostgresD:MySQL43、jQuery中操作ajax的方法分别有（B、C、D ）A:Json（）B:$.post（）C:$.get（）D:$.ajax()44、RESTful架构的特点包括（A、C、D ）A:每一个URU弋表一种资源B:客户端通过3个HTTP动词，对服务器端资源进行操作，实现"表现层状态转化"C:客户端通过4个HTTP动词，对服务器端资源进行操作，实现"表现层状态转化"D:客户端和服务器之间，传递资源的某种表现层45、关于bind。
web1x初级试题及答案一、选择题（每题2分，共20分）1. 在HTML中，用于定义最重要的标题的标签是？A. <h1>B. <h6>C. <title>D. <header>答案：A2. CSS中，用于设置字体颜色的属性是？A. colorB. font-colorC. text-colorD. font-style答案：A3. 在HTML5中，用于创建一个交互式应用程序的元素是？A. <app>B. <application>C. <webapp>D. <applet>答案：C4. JavaScript中，用于获取当前日期的函数是？A. Date()B. getToday()C. new Date()D. currentDate()答案：C5. 在CSS中，哪个属性用于设置元素的背景颜色？A. backgroundB. background-colorC. bgD. color-bg答案：B6. HTML中，用于定义一个段落的标签是？A. <p>B. <paragraph>C. <section>D. <div>答案：A7. 在JavaScript中，用于声明一个函数的关键字是？A. functionB. defC. declareD. func答案：A8. CSS中，用于设置元素的边框样式的属性是？A. border-styleB. borderC. frameD. edge答案：B9. HTML中，用于定义一个无序列表的元素是？A. <ul>B. <ol>C. <list>D. <menu>答案：A10. 在JavaScript中，用于将字符串转换为数字的函数是？A. parseInt()B. toInt()C. stringToNumber()D. convertString()答案：A二、填空题（每题2分，共20分）1. 在HTML中，用于定义文档的头部的标签是________。
2020web前端初级考试题库及答案1. 单项选择题- 题目1：HTML5中用于定义文档类型声明的标签是？- A. <!DOCTYPE html>- B. <html>- C. <head>- D. <body>- 答案：A- 题目2：以下哪个属性用于定义图像的替代文本？- A. src- B. alt- C. title- D. href- 答案：B- 题目3：在CSS中，哪个选择器用于选择所有元素？- A. #id- B. .class- C. *- D. element- 答案：C- 题目4：JavaScript中，用于声明函数的关键字是什么？ - A. var- B. function- C. let- D. const- 答案：B2. 多项选择题- 题目1：以下哪些HTML元素是块级元素？- A. <div>- B. <span>- C. <p>- D. <a>- 答案：A, C- 题目2：在JavaScript中，哪些方法可以用来获取元素的样式？ - A. getComputedStyle()- B. style- C. currentStyle- D. cssText- 答案：A, B3. 判断题- 题目1：HTML中的<img>标签的alt属性是可选的。
- 答案：错误- 题目2：CSS选择器#header {color: blue;} 会将id为header 的元素文字颜色设置为蓝色。
- 答案：正确4. 简答题- 题目1：描述HTML和CSS的关系。
- 答案：HTML负责网页的结构和内容，而CSS负责网页的样式和布局。
- 题目2：请解释JavaScript中的闭包是什么？- 答案：闭包是一个函数和声明该函数的词法环境的组合。
闭包允许函数访问其定义时的作用域链，即使该函数在定义作用域之外被调用。
1+X证书wed前端理论题⼀、单选题1、在javascript中，执⾏结果正确的是： BA、typeof(null)的结果为nullB、typeof(typeof(5))的结果为"string"C、typeof(5)的结果为NumberD、typeof(typeof(undefined))的结果为undefined2、关于引⼊样式的优先级说法正确的是（ c ）A、内联样式>!important>内部样式>外部样式>!importantB、!important>内联样式>内部样式>外部样式C、以上都不正确3、在HTML中，下列有关邮箱的链接书写正确的是（ d ）A、B、C、D、4、HTML5的正确doctype是( a )A、B、C、5、在javascript中,关于数学对象说法正确的是: CA、Math.round(4.5)的结果是4B、Math.floor(4.5)的结果是5C、Math.ceil(4.5)的结果是5D、Math.min(3,4,5)的结果是56、关于box-shadow说法正确的是（ b ）A、设置⽂字投影B、第⼀个值是设置⽔平距离的C、第⼆个值是设置⽔平距离的D、第三个值是设置投影颜⾊的14、将div类名以'c'开头元素添加⽂字为红⾊，书写正确的是（ a ）A、div[class=^c]{color:red}B、div[class=$c]{color:red}C、div[class=c]{color:red}D、div[class=*c]{color:red}7、关于flex说法正确的是（ a ）A、flex 属性⽤于指定弹性⼦元素如何分配空间B、flex:1应该写在弹性元素上C、设置flex:1⽆意义D、flex是指设置固定定位8、以下不属于background-clip的值的是（ d ）A、border-boxB、padding-boxC、content-boxD、none9、关于jQuery中删除已有元素的⽅法说法正确的是（C）A、remove()从被选元素中删除⼦元素B、remove()删除被选元素（不会删除其⼦元素）C、empty()从被选元素中删除⼦元素D、empty()删除被选元素及其⼦元素10、下⾯代码输出什么( c )var a=0,b=0;for(;a<10,b<7;a++,b++){g=a+b;}console.log(g);"A、16B、10C、12D、611、在JavaScript中，执⾏下⾯的代码后，num的值是( c )var str = ""wang.wu@"";var num = str.indexOf(""."");"A、-1B、0C、4D、1312、阅读下⾯的JavaScript代码，输出结果是（ b ）function f(y) {var x=y*y;return x;}for(x=0;x< 5;x++) {y=f(x);document.writeln(y);} "A、0 1 2 3 4B、 0 1 4 9 16C、0 1 4 9 16 25D、以上答案都不对13、.让⼀个动画名为fade的动画持续执⾏并且在第⼀次开始时延迟0.5s开始,每次动画执⾏1s，以下代码正确的是 AA、animation:fade 1s 0.5s infiniteB、animation:fade 0.5s 1s infiniteC、animation:fade 1s 0.5s linearD、以上都不正确14、在jQuery中，下列关于事件的说法错误的是（a ）A、jQuery中⽤onclick绑定点击事件B、jQuery中⽤on来给未来元素绑定事件C、jQuery中⽤hover来绑定⿏标经过事件D、jQuery中存在冒泡事件，故需要阻⽌冒泡15、css样式初始化的原因描述错误的是： CA、清除默认样式B、由于浏览器的内核不同，对标签的默认样式解析不同，导致显⽰效果不同，所以需要初始化样式C、和浏览器没有关系，只是规范⽽已D、保证各个浏览器页⾯效果的⼀致性⼆、多选题1、关于选择器优先级正确的是： ACA、id选择器>类选择器>标签选择器B、id选择器>!important>类选择器>标签选择器>通配符C、!important>id选择器>类选择器>标签选择器D、id选择器>类选择器>标签选择器>!important2、关于JavaScript事件说法不正确的是（ bcd ）A、事件由事件函数、事件源、事件对象组成B、当前事件作⽤在哪个标签上,哪个标签就是事件源C、onclick 就是⼀个事件对象D、图⽚切换使⽤JavaScript的change事件3、下列选项中属于jQuery属性选择器的是（ ac ）A、$("img[src$='.gif ']")B、$("img")C、$("[class][title]")D、$("div>span")4、⽹页的元素中包含以下HTML代码：标题1标题2下列能弹出""标题1""的jQuery代码是（ ab ）。
web1x初级考试题库及答案一、单选题1. HTML中用于定义最重要的标题的标签是：A. `<h1>`B. `<h6>`C. `<h2>`D. `<h3>`答案：A2. CSS中用于设置字体颜色的属性是：A. `font-style`B. `color`C. `font-weight`D. `text-align`答案：B3. 下列哪个不是JavaScript中的基本数据类型？A. NumberB. StringC. BooleanD. Array答案：D二、多选题1. 在HTML中，哪些标签用于创建无序列表？A. `<ul>`B. `<ol>`C. `<li>`D. `<dl>`答案：A, C2. CSS中可以设置背景的属性包括：A. `background-color`B. `background-image`C. `background-repeat`D. `background-size`答案：A, B, C, D三、判断题1. HTML5是HTML的最新版本。
答案：正确2. CSS选择器`.class`用于选择具有特定类的HTML元素。
答案：正确3. JavaScript中的`undefined`和`null`是相同的概念。
答案：错误四、填空题1. 在HTML中，用于插入图片的标签是______。
答案：`<img>`2. CSS中，用于设置元素宽度的属性是______。
答案：`width`3. JavaScript中，用于获取元素的DOM方法是______。
答案：`getElementById`五、简答题1. 描述HTML和CSS的关系。
答案：HTML负责网页的结构和内容，而CSS负责网页的样式和布局。
2. 简述JavaScript的作用。
答案：JavaScript是一种脚本编程语言，用于网页的交互性，动态内容更新，以及动画效果的实现。
一、单选题（每题2 分，共60 分）1.JavaScript 函数中，哪个语句可以返回值（C）A.goB.exitC.returnD.continue2.下面哪些不属于按功能划分的常用运算符（D）A.取整运算符B.算术运算符C.逻辑运算符D.逻辑函数运算符3.在text-shadow 属性使用的参数中，第二个参数是指什么（D）A.阴影的模糊半径B.阴影的颜色C.阴影与文字的横向距离D.阴影与文字的纵向距离44.函数名不可以包含的字符有哪个？（D）A.字母B.数字C.下划线D.中文5.下列哪个选项不属于运算符的功能（A）A.赋值B.计算C.取最大值D.取最小值6.以下哪项是脚本元素的必选属性（C）A.asyncB.deferC.srcD.type7.画布元素绘制线条时可以使用的样式属性不包含哪个（D）A.lineCapB.lineJoinC.lineWidthD.lineTo8.删除数组中的最后一个元素，需要调用哪个方法（D）A.sort 方法B.push () 方法C.unshift () 方法D.pop () 方法9.以下哪个不是新增的元素的类型（C）A.邮件输入框B.数字滑动条C.样式输入框D.数字输入框10.要在HTML 文档中加入图像，可以使用哪个标记（C）A.<PIC>B.<PICTURE>C.<IMG>D.<IMAGE>11.以下哪项表示以当前的日期和时间作它的初始值（A）A.varobjDate=newDate();B.varobjDate=Date();C.varobjDate=new(2019-10-01);D.varobjDate=Date(2019-10-01);12.下列哪项是标题元素（B）A.navB.h1-h6C.titleD.div13.HTML5 的正确doctype 是以下哪项（A）A.<!DOCTYPEhtml>B.<!DOCTYPEHTML5>C.<!DOCTYPE>D.<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN">14.设置段落的标签是哪一个（A）A.<P></P>B.spanC.h1D.div15.使用下列哪项属性，可以对文字或图像进行旋转、缩放、倾斜和移动的变形处理（C）A.text-algin 属性B.display 属性C.transform 属性D.font-adjust 属性16.想要让当前整个表格的背景色为蓝色，下列哪项代码是正确的（A）A.bgcolor="blue"B.bgground="blue"C.backcolor="blue"D.background-color:blue17.css 样式不可能实现什么功能（A）A.兼容所有浏览器B.将格式和结构分离C.控制图片的精确位置D.设置元素的样式18.以下哪个选项可以对元素定义不同的过渡动画效果（A）A.animations 属性B.transform 属性C.position 属性D.transitions 属性19.在画布中以填充的方式绘制文字，可以通过调用上下文对象的什么方法（A）A.fillText () 方法B.strokeText () 方法C.drawImage () 方法D.fillRect () 方法20.什么浏览器不支持（A）A.IEB.OperaC.SafariD.Chrome21.在CSS 中，使用什么属性来定义盒的类型(C)A.margin 属性B.padding 属性C.display 属性D.font 属性22.以下哪个元素可以为figure 标签添加标题（C）A.titleB.h3C.figcaptionD.caption23.多媒体元素的loadedmetadata 事件，表示什么（D）A.媒体议价反当前的速递，无需能在可以正常播放时触发B.当多媒体元素播放一个未知或异常的媒体文件时触发C.当多媒体元素加载完成当前指定位置的媒体文件时触发D.当多媒体元素加载完成时间总长与部字节数时触发24.下面不属于css 插入形式的是（A）A.索引式B.内联式C.外部式D.内部式25.在CSS 中，以下哪项表示类选择器（B）A.#divB.divC.divD.^div26.在HTML5 中，哪个元素可以对页面的标题进行分组（B）A.address 元素B.hgroup 元素C.section 元素D.nav 元素27.规定是否对脚本执行进行延迟，直到页面加载为止是哪个元素（A）A.deferB.charsetnguageD.async28.下列哪项不是循环语句（D）A.switchB.whileC.do…whileD.if…else29.将删除指定元素的子节点，并返回被删除的节点对象，使用哪个方法（D）A.insertBefore方法B.cloneNode方法C.appendChild方法D.removeChild方法30.以下哪个选项可以在各栏之间添加间隔线（A）A.column-ruleB.column-gapC.column-countD.column-break-inside二、多选题（每题2 分，共30 分）1.以下哪个模块属于CSS3（ABC）A.Speech模块B.ImageValues模块C.Transitions模块D.以上都不是2.使用write () 方法向当前页面输入的内容包含哪些（ABD）A.文本字符串B.HTML表达式C.创建文档流D.JavaScript代码3.复合选择器有哪些（AB）A.派生选择器B.分组选择器C.类选择器D.ID选择题E.选择器4.在页面中，使用对话框获取数据和显示信息的调用方法是什么（ABCE）。
Web 前端开发职业技能等级考试--初级客观题2019年下半年Web 前端开发初级理论考试（考试时间9:00-11:00 共120分钟）1. 本试卷共 3 道大题，满分100 分。
2. 请在指定位置作答。
一、单选题（每小题 2 分，共30小题，共60分）基本信息：［矩阵文本题］ *姓名：院校：班级:1. 块级元素说法正确的是（）［单选题］ *A、块级元素和其他元素在一行显示B、块级元素对宽和高，边距生效（正确答案）C、块级元素对宽和高生效，边距不生效D、块级元素对宽，高，边距都不生效2. 以下说法正确的是（）［单选题］ *A. table 的表单标签B. td 的代表行C. tr 代表列D. table 是表格标签（正确答案）3. 不是HTML5 的新增的特性是（）［单选题］ *A. 新增了很多语义化标签B. 新增了音频和视频C. 新增了本地存储D. 新增伪类（正确答案）4. CSS3中可以用（）关键词，自定义字体代表小图标［单选题］A. transitionB. transformC. font-face（正确答案）D. font-family5. 在开发过程中，图片下面有 1 像素的小间隙，如何去除（）：A. 给图片设置font-size:0B. 给图片设置display:block（正确答案）C. 给图片设置border:0D. 给图片设置border:none;6. 让一个动画名为fade的动画持续执行并且在第一次开始时延迟画执行1s，以下代码正确的是（）［单选题］ *A. animation:fade 1s 0.5s infinite（正确答案）［单选题］0.5s开始,每次动B. animation:fade 0.5s 1s infiniteC. animation:fade 1s 0.5s linearD. 以上都不正确7. 下列属于内联元素的是（）：［单选题］ *A、divB、a（正确答案）C、pD、table8. css3中用（）来定义过渡动画的时间［单选题］ *A. transition-propertyB. transition-timing-functionC. transition-duration（正确答案）D. transition-delay9. css3中的伪类div p:nth-of-type（3）{color:red} 的说法正确的是（）：［单选题］A. 给div 元素的第三个子元素设置文字颜色为红色B. 给div 元素的后代元素的第三个p元素设置文字颜色为红色（正确答案）C. 给div 的后代元素p 设置文字颜色为红色D. 以上说法都不正确10. css样式初始化的原因描述错误的是（）：［单选题］A. 清除默认样式B. 由于浏览器的内核不同，对标签的默认样式解析不同，导致显示效果不同，所以需要初始化样式C. 和浏览器没有关系，只是规范而已（正确答案）D. 保证各个浏览器页面效果的一致性11. 设置文字的大小为14px，加粗，行高为28px，字体是微软雅黑，字体是倾斜的，以下书写正确的是（）：［单选题］ *A. font:14px " 微软雅黑" 28px 600 italicB. font:"微软雅黑" 14px/28px 600 italicC. font:14px/28px 600 "微软雅黑" italicD. font:600 italic 14px/28px " 微软雅黑"（正确答案）12. 设置背景颜色为green,背景图片垂直居中显示，背景图片充满整个区域，但是背景图片不能变形,图片只出现一次，以下书写正确的是（）：［单选题］ *A. background:url（"../img/img1.jpg"） no-repeat center/cover green;（正确答案）B. background:url（"../img/img1.jpg"） repeat center/cover green;C. url（"../img/img1.jpg"） no-repeat center/100% green;D. url（"../img/img1.jpg"） no-repeat center/100% 100% green;13. 设置一个div 元素的外边距为上:20px,下:30px,左:40px,右:50px，下列书写正确的是（）：［单选题］ *A. padding:20px 30px 40px 50px;B. padding:20px 50px 30px 40px;C. margin:20px 30px 40px 50pxD. margin:20px 50px 30px 40px( 正确答案)14. 在javascript中，执行结果正确的是()：[单选题] *A. typeof(null) 的结果为nullB. typeof(typeof(5))的结果为"string" (正确答案)C. typeof(5)的结果为NumberD. typeof(typeof(undefined))的结果为undefined15. 在javascript中，数据类型转换正确的是()：[单选题]A. Number("123abc")的值为NaN(正确答案)B. parseInt("123abc")的值为NaNC. parseInt("10",8)的值为10D. parseFloat("abc123.3")的值为123.3［单选题］16. 在javascript 中，下列转Boolean后值为false的是()：A、Boolean(" ")B、Boolean(0)(正确答案)C、Boolean([])D、Boolean({})17. 在javascript 中,执行下列代码后输出的结果是()：if(function(){}){console.log(1);}else{console.log(2);}［单选题］ *A、2B、1(正确答案)C、什么也不输出D、报错18. 在javascript 中，执行下列代码输出的结果是()：console.log(+"5"*2+"6"-"4"+true); ［单选题］ *A、13B、103(正确答案)C、104D、12true19. 在javascript 中，执行下列代码输出的结果是()：for(var i=0;i<4;i++){console.log(i)}console.log(i)［单选题］ *A、0 1 2 3 4(正确答案)B、0 1 2 3 4 5C 、 0 1 2 3D 、 4 4 4 420. 在 javascript 中,获取今天是星期几的方法是()A. new Date().getDate()B. new Date().getTime()C. new Date().getDay()( 正确答案 )D. new Date().getFullYear()21. 在 javascript 中,关于数学对象说法正确的是()A. Math.round(4.5)的结果是 4B. Math.floor(4.5) 的结果是 5C. Math.ceil(4.5)的结果是 5(正确答案 )D. Math.min(3,4,5)的结果是 522. 在 javascript 中，执行后输出的结果是()： var name="zhaonan"; var obj1={ name:"miao", age:20, say:function(){ console.log();} }var obj2={ name:"xue", age:30,say:function(){ console.log();} }var f=obj2.say; console.log(f()); var e=f.bind(obj1);： [ 单选题 ]： [ 单选题 ]console.log(e());var k=e.bind(obj2);console.log(k());［单选题］ *A、zhaonan zhaonan miaoB、zhaonan miao miao( 正确答案)C、zhaonan miao xueD、miao zhaonan xue23. 对于addEventListener绑定事件的说法错误的是() ［单选题］ *A. 可以给一元素绑定多个事件B. addEventListener中的this 指绑定的元素C. div.addEventListener("click",function(),false) 中的false代表捕获事件( 正确答案)D. div.addEventListener("click",function(),false) 中的false代表冒泡事件24. 对于事件流说法错误的是()：［单选题］ *A. 事件流分为三个阶段B. 事件流分捕获阶段、目标节点、冒泡阶段C. 捕获和冒泡同时存在先执行冒泡阶段(正确答案)D. 目标阶段存在捕获和冒泡，按顺序执行25. 对闭包的理解说法错误的是()：［单选题］ *A. 闭包不能避免全局污染(正确答案)B. 闭包可以将内部函数保存到外部的时候C. 可以从外部访问内部变量D. 闭包把外部变量保存到内存中不被释放，导致内存泄漏26. Jquery中，找到所有子元素的方法是()：［单选题］A、find()B、siblings()C、children()(正确答案)D、parent()27. 关于jQuery 中删除已有元素的方法说法正确的是()［单选题］A. remove()从被选元素中删除子元素B. remove()删除被选元素(不会删除其子元素)C. empty()从被选元素中删除子元素(正确答案)D. empty()删除被选元素及其子元素28. 在jquery 中，下列哪一个是用来将$( “<p></p>追”加)到指定元素末尾的() ［单选题］ *A、insertAfter()B、append()C、appendTo()(正确答案)D、after()29. 在jquery中，下列哪一个是用来查找表单中所有隐藏元素的() ［单选题］ *A、visibleB、hidden(正确答案)C、visible()D、hidden()30. 在jquery中，常用的stop()，关于stop()的说法错误的是() ［单选题］ *A. stop()停止当前动画，后续动画继续执行B. stop(true)是停止当前动画，后续动画不执行C. stop(true,true)是停当前执行的动画，直接跳到当前动画的最终状态，后续动画不执行D. stop(true,true)是停当前执行的动画，直接跳到当前动画的最终状态，后续动画继续执行(正确答案)二、多选题(每小题 2 分，共15小题，共30分)1. 关于doctype html 说法正确的是()：*A、区分大小写，只有<!DOCTYPE html> 才是正确的B、这句话的作用是告诉浏览器以什么标准去解析网页（正确答案）C、这句话可以省略，省略后页面呈怪异模式（正确答案）D、以上说法都正确2. 以下关于标签的嵌套书写错误的是（）：*A、<p><p></p></p> （正确答案）B、<a href=""><a href=""></a></a> （正确答案）C、<ul><h2></h2><li></li><li></li></ul> （正确答案）D、以上都是正确的3. 以下属于HTML5 新标签的是（）：*A、titleB、ouput（正确答案）C、nav（正确答案）D、aside（正确答案）4. 关于选择器优先级正确的是（）：*A. id 选择器>类选择器>标签选择器B. id 选择器>!important>类选择器>标签选择器>通配符（正确答案）C. !important>id 选择器>类选择器>标签选择器（正确答案）D. id 选择器>类选择器>标签选择器>!important5. 在form 标签中，属性method的值有哪些（）A、request（正确答案）B、getC、post（正确答案）D、以上都正确6. 关于@media 书写正确的是（）：*A. @media screen and （max-width: 300px）（正确答案）B. @media only screen and （max-width: 500px（）正确答案）C. @media screen （max-width: 500px）D. @media （max-width: 500px）7. 下列对于float 属性的特点说法错误的是（）：*A. float 能向左和向右移动，也可以上下移动（正确答案）B. float会占据原有空间（正确答案）C. 清除浮动的作用不大，可以省略（正确答案）D. 给父级元素设置height 可以清除浮动8. 引入样式的方法有哪几种（）*A、内联样式（正确答案）B、内部样式（正确答案）C、外部样式（正确答案）D、以上都正确（正确答案）9. javascript中，下列表达式结果为true 的是（）：A、[]==[]B、![]==false （正确答案）C、[]==false（正确答案）D、[0]==false（正确答案）10. javascript中,关于parseInt（）说法正确的是（）：A. 将其他类型的数据转成数值（正确答案）B. 可以将其他进制的数据转成十进制（正确答案）C. parseInt（）与Number（）方法功能相同D. 以上说法都正确11. javascript中,下列结果为NaN 的是（）：*A. Number（"adfa"）（正确答案）B. parseInt（"undefined"）（正确答案）C. parseInt（"null"）（正确答案）D. parseInt（""）（正确答案）12. javascript中,循环语句有哪些（）？*A、ifB、while（正确答案）C、do while（正确答案）D、for（正确答案）13. 列属于jquery 选择器的是（）：*A. 基本选择器（正确答案）B. 层级选择器（正确答案）C. 属性选择器（正确答案）D. 位置选择器（正确答案）14. 下面哪几种是Jquery中表单的对象属性（）：*A、:checked（正确答案）B、:enabled（正确答案）C、:hiddenD、:selected（正确答案）15. jQuery 中遍历节点的方法，正确的是（）*A. next（）取得匹配元素后面紧邻的同辈元素（正确答案）B. prev（）取得匹配元素前面紧邻的同辈元素（正确答案）C. siblings（）取得匹配元素前的所有同辈元素D. parent（）取得元素的父级元素（正确答案）三、判断题（每小题 2 分，共 5 小题，共10分。
