1+XWeb前端开发职业技能等级考试--初级客观题

合集下载

Web前端开发初级实操考试-1+X证书试点

Web前端开发初级实操考试-1+X证书试点

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前端开发初级考试试卷

Web前端开发初级考试试卷

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前端开发职业技能等级考试--初级客观题

1+XWeb前端开发职业技能等级考试--初级客观题

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+X”Web前端开发初级智慧树知到课后章节答案2023年下黑龙江交通职业技术学院

“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”。

2022年1+X证书认证Web前端开发(初级)试题及答案2套.d

2022年1+X证书认证Web前端开发(初级)试题及答案2套.d

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初级试题及答案

web1x初级试题及答案

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前端初级考试题库及答案

2020web前端初级考试题库及答案

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+X证书wed前端理论题

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初级考试题库及答案

web1x初级考试题库及答案

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是一种脚本编程语言,用于网页的交互性,动态内容更新,以及动画效果的实现。

1+X证书职业技能等级证书 Web前端开发(初级)理论考试试卷一(附答案)

1+X证书职业技能等级证书 Web前端开发(初级)理论考试试卷一(附答案)

一、单选题(每题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)。

web1x初级考试题库及答案

web1x初级考试题库及答案

web1x初级考试题库及答案1. 单选题:以下哪个选项是HTML的元素?A. <p>B. <p/>C. <p></p>D. <p></p>答案:C2. 多选题:HTML5中新增的语义化标签包括哪些?A. <header>B. <footer>C. <div>D. <section>答案:A, B, D3. 判断题:HTML中的注释是用<!DOCTYPE>标签来完成的。

答案:错误4. 填空题:HTML文档的根元素是______。

答案:<html>5. 简答题:请解释HTML中的DOCTYPE的作用。

答案:DOCTYPE声明定义了文档类型和HTML版本,它告诉浏览器该文档是HTML5文档,确保浏览器以正确的模式渲染页面。

6. 编程题:编写一个HTML代码片段,创建一个包含标题和两个段落的简单网页。

答案:```html<!DOCTYPE html><html><head><title>简单网页</title></head><body><h1>网页标题</h1><p>第一个段落。

</p><p>第二个段落。

</p></body></html>```7. 单选题:以下哪个属性用于控制HTML元素的可见性?A. hiddenB. visibleC. showD. display答案:A8. 多选题:HTML中哪些标签可以用来创建列表?A. <ul>B. <ol>C. <li>D. <dl>答案:A, B, C9. 判断题:在HTML中,所有的标签都需要成对出现。

2020web前端初级考试题库及答案

2020web前端初级考试题库及答案

2020web前端初级考试题库及答案一、单选题(每题2分,共20分)1. HTML5中,用于定义文档的元数据的标签是?A. `<html>`B. `<head>`C. `<title>`D. `<meta>`答案:B2. CSS中,用于设置文本颜色的属性是?A. `color`B. `background-color`C. `text-shadow`D. `font-family`答案:A3. JavaScript中,用于获取当前时间的函数是?A. `Date()`B. `new Date()`C. `getTime()`D. `setTimeout()`答案:B4. 在HTML中,用于创建一个无序列表的标签是?A. `<ul>`B. `<ol>`C. `<dl>`D. `<p>`答案:A5. CSS中,用于设置元素的外边距的属性是?A. `margin`B. `padding`C. `border`D. `font-size`答案:A6. JavaScript中,用于获取元素的`id`属性值的函数是?A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelector()`答案:A7. 在HTML中,用于创建一个超链接的标签是?A. `<a>`B. `<iframe>`C. `<embed>`D. `<object>`答案:A8. CSS中,用于设置元素的背景颜色的属性是?A. `background-color`B. `color`C. `background`D. `text-shadow`答案:A9. JavaScript中,用于获取当前日期的函数是?A. `Date()`B. `new Date()`C. `getDate()`D. `setTimeout()`答案:C10. 在HTML中,用于创建一个有序列表的标签是?A. `<ul>`B. `<ol>`C. `<dl>`D. `<p>`答案:B二、多选题(每题3分,共15分)1. 在HTML5中,以下哪些标签用于语义化结构?A. `<article>`B. `<section>`C. `<div>`D. `<header>`答案:A, B, D2. CSS中,以下哪些属性可以设置字体样式?A. `font-family`B. `font-size`C. `font-weight`D. `color`答案:A, B, C3. JavaScript中,以下哪些方法用于获取元素?A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelectorAll()`答案:A, B, C, D4. 在HTML中,以下哪些标签用于表单元素?A. `<input>`B. `<select>`C. `<textarea>`D. `<button>`答案:A, B, C, D5. CSS中,以下哪些属性用于设置元素的边框?A. `border-style`B. `border-width`C. `border-color`D. `margin`答案:A, B, C三、判断题(每题1分,共10分)1. HTML5中,`<!DOCTYPE html>`声明不是必需的。

Web前端开发-职业技能考试-初级-Web前端开发初级实操考试命题简介_V1.0

Web前端开发-职业技能考试-初级-Web前端开发初级实操考试命题简介_V1.0
试题类型
小题编号
1、2
3、4
试题一(20 分)
静态网页开发
5 6 7 8
9
10
1
2
3
4、10、11
试题二(30 5
分)
6、7
网页效果呈现 8
12
13
14
9、15Βιβλιοθήκη 问题1试题三(30 分)
网页编程
问题2
问题3 问题4 问题5
问题1
试题四(20 分)
案例分析 问题2
问题3
考核知识(知识要求) HTML头部标记 form表单元素属性 a链接target属性 iframe内联框架 表格属性 文本标签 图片路径 css样式:内外边距 HTML头部标记:外部式引入 HTML全局属性:id CSS选择器:通用选择器 CSS网页布局属性:绝对布局、内边距、顶部边距 CSS字体样式:font-family CSS3动画效果:动画持续时间、@keyframes CSS背景:背景颜色、 CSS3弹性布局:flex CSS3新增边框:边框样式 CSS3新增选择器:子元素选择器 CSS颜色:文本颜色、CSS文本样式:文本对齐方 Javascript编程:基础语言、函数和参数、条件 语句、DOM操作 Javascript编程:循环语句、函数和函数调用、 面向对象、Array对象(遍历、访问元素、内置函 数)、DOM操作 jQuery库编程:jQuery选择器、jQuery属性操作 jQuery库编程:jQuery动画 window.location对象操作 视区viewport html5新标签:语义化标签 字体样式:CSS3自定义字体 CSS3新增选择器:伪类选择器 CSS3弹性布局:flex CSS3新增边框:圆角边框 CSS背景:背景颜色 javascript编程:面向对象、DOM操作

1+X web前端初级模拟试题6

1+X web前端初级模拟试题6

1. 在jQuery中,不能获取如下HTML代码中的p元素的选项是()A. $( "#myId" )B. $(".myClass" )C. $("p")D. $("#p")答案: D2. javascript中,关于分号的说法正确的是()A. 分号在每条语句的后面必须添加,否则程序无法运行B. javascript中一行的结束就是一条语句的结束,所以分号可以省略C. javascript中书写分号,不区分中英文。

D. 以上说法都正确答案: B3. 想让背景始终固定在浏览器的右下角,且背景图片不重复,不随着滚动条的滚动而滚动,以下正确的是()A. background:url('图片地址') repeat-y bottomB. background:url('图片地址') no-repeat bottomC. background:url('图片地址') no-repeat right bottomD. background:url('图片地址') no-repeat right bottom fixed答案: D4. 以下优先级最高的是()A. 属性选择器B. id选择器C. 标签选择器D. !important答案: D5. 需要让弹性子元素水平方向两端对齐,下列正确的是()A. justify-content:space-evenlyB. justify-content:space-betweenC. flex-direction:space-betweenD. flex-direction:space-evenly答案: B6. 在jQuery中,html()方法和text()方法的描述错误的()A. html()和text()方法都可以用来获取元素内容和动态改变元素内容B. html()用于获取第一个匹配元素的HTML内容或文本内容C. text()用于获取匹配元素的html内容D. text(content)用于设置所以匹配元素的文本内容答案: C7. javascript中,关于数组的方法说法正确的是()A. concat()用来将数组转成字符串B. pop()返回的是数组的长度C. push()返回的是数组的长度D. shift()返回的是数组的长度答案: C8. 在jQuery中,下列选项中关于jQuery的说法错误的是()A. $(selector).height() 方法可用于返回被选中元素的高度,不包括单位B. $(selector).height() 方法可用于设置被选中元素的高度C. slideUp()方法通过高度变化(向上减小)来动态地隐藏所有匹配的元素D. slideDown()方法通过高度变化(向下减小)来动态地隐藏所有匹配的元素答案: D9. javascirpt:下面()可实现刷新当前页面A. reload()B. replace()C. href()D. referrer答案: A10. 下列选项中关于JavaScript浏览器对象中history对象的说法错误的是()A. history对象记录了用户在一个浏览器中已经访问过的URLB. history对象的父对象是JavaScript浏览器对象的根对象windowC. 应用history对象的方法可以实现IE浏览器中“前进”和“后退”按钮的功能D. 应用history对象的back()方法相当于“前进”按钮,forward()方法相当于“后退”按钮答案: D11. javascript中,如果系统的时间是2016年2月20日,分析下列JavaScript代码,运行后在网页上显示()A. 2016 02 20B. 2016 2 20C. 2016 01 20D. 2016 1 2012. javascript中,想随机获取以下数组中的一个值,下划线处正确的代码是()A. ceil arr.lengthB. floor arr.length()C. floor arr.lengthD. ceil arr.length()答案: C13. 在css3中,关于兄弟选择器说法不正确的是()A. 兄弟选择器可选择接在另一元素后的元素,且二者有相同父元素B. 兄弟选择器只会向后检索,不会向前检索C. 紧邻兄弟选择器使用“+”,表示选择有相同父元素的所有元素D. “~”表示查找当前元素之后的所有兄弟元素答案: C14. javascript中,可以用来将字符串转为数组的方法是()A. substr()B. concat()C. slice()D. split()答案: D15. javascript中,以下代码会输出()A. 10 10 20B. undefined 5 20C. undefined 10 20D. 10 5 20答案: C16. 在CSS3新增的background-size属性中,哪个值可以让背景图片等比缩放填满整个容器?A. coverB. lengthC. percentageD. contain答案: A17. 下列不属于input在html5的新类型的是()A. dataC. rangeD. file答案: D18. 英文字母全部转为大写正确的是()A. text-transform: capitalize;B. text-transform: lowercase;C. text-transform: uppercase;D. font-weight: bold;答案: C19. 下面标签嵌套正确的是()A. <ul><p>web前端</p></ul>B. <a href="#"><a href="#">web前端</a></a>C. <dl><li>web前端</li></dl>D. <ol><li>web前端</li></ol>答案: D20. 要在表单中创建一个多行文本输入框,初始值为:这是一个多行文本框。

1+X web前端初级模拟试题9

1+X web前端初级模拟试题9

1. 在jQuery中,remove() 表示删除被选元素的所有子元素,但是会保留自身元素对错2. 在css3中,关于文字投影,说法不正确的是()A. 使用text-shadow来定义文字投影B. 文字投影有内外投影之分C. 文字投影没有扩展边缘D. text-shadow:1px 1px 1px red;依次表示水平、垂直方向、模糊度、投影颜色3. 以下下划线处填(),能够出现半圆<style>div{width:100px;height:50px;border:1px solid red;}</style>A. border-radius: 50%;B. border-radius:100px 100px 0 0C. border-radius: 50px 50px 0 0D. 以上都不正确4. 下列哪个属性是CSS3新增的()A. box-shadowB. borderC. backgroundD. display5. 要运用css3动画,你需要运用()规则A. animationB. keyframesC. flashD. transition6. 下列哪项不是html5中新增的form元素:()A. datalistB. keygenC. textareaD. output7. 分析下面的HTML代码段:<FORM><INPUT TYPE="text" name=" Text1" value=" Text1"><INPUT TYPE="text" name=" Text2" value=" Text2" onFocus=alert("我是焦点") onBlur=alert("我不是焦点!")></FORM>下面说法正确的是()A. 当用鼠标选中Text2时,弹出“我是焦点”消息框,再用鼠标选中Text1文本框时,弹出“我不是焦点”消息框B. 当用鼠标选中Text1时,弹出“我是焦点”消息框,再用鼠标选中Text2文本框时,弹出“我不是焦点”消息框C. 假如现在输入光标在Text1上,用鼠标单击页面上除Text2以外的其他部分时,弹出“我不是焦点”消息框D. 假如输入光标在Text2上,用鼠标单击页面上的其他部分时,弹出“我不是焦点”消息框8. 下列选项关于jQuery中的显示与隐藏方法描述正确的是()A. 显示与隐藏方法,只影响元素的宽度B. 显示与隐藏方法,影响元素的宽、高、透明度。

1+X证书职业技能等级证书 Web前端开发(初级)理论考试样题(附答案)

1+X证书职业技能等级证书 Web前端开发(初级)理论考试样题(附答案)

一、单选题(每题2 分,共60 分)1.在HTML 中,(C) 用来表示特殊字符引号A.&regC.&quotB.&copyD.&nbsp2.下面关于文件路径的说法错误的是(B)A.“../”是返回当前目录的上一级目录C.访问下一级目录直接输入相应的目录名即可B.“../”是返回当前目录的下一级目录D.文件路径指文件存储的位置3.下列选项中定义标题最合理的是(C)A.<span class="header">文章标题</span>C.<h2>标题</h2>B.<p><b>文章标题</b></p>D.<div>文章标题</div>4.关于样式的优先级说法正确的是(C)A.内联样式>!importantC.!important>内联样式>内部样式>外部样式B.内部样式>外部样式>!importantD.以上都不正确5.在HTML中,下面(A)不属于HTML文档的基本组成部分。

A.<STYLE></STYTLE>C.<BODY></BODY>B.<BODY></BODY>D.<HEAD></HEAD>6.在HTML中,下列有关邮箱的链接书写正确的是(D)A、〈ahref="telnet:********************">发送邮件B、〈ahref="mail:********************">发送邮件C、〈ahref="ftp:********************">发送邮件D、〈ahref="mailto:********************">发送邮件7、在HTML5 中,哪个属性用于规定输入字段是必填的?(B)A、readonlyB、requiredC、validateD、placeholder8.HTML5 的正确doctype 是(A)A、<!DOCTYPE html>B、<!DOCTYPE HTML5>C、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "/TR/html5/strict.dtd">D、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd">9.以下说法不正确的是(A)A、HTML5 标准还在制定中B、HTML5 兼容以前 HTML4 下浏览器C、<canvas> 标签替代 FlashD、简化的语法10.设定一个元素按规定的动画执行,你需要运用什么规则?(B)A、animationB、keyframesC、flashD、transition11.每段文字都需要首行缩进两个字的距离,该设置什么属性?(C)A、text-transformB、text-alignC、text-indentD、text-decoration12.关于box-shadow 说法正确的是(B)A、设置文字投影B、第一个值是设置水平距离的C、第二个值是设置水平距离的D、第三个值是设置投影颜色的13.设置盒子圆角的属性是(C)A、box-sizingB、box-shadowC、border-radiusD、border14.将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}15.在HTML 中,通过(A) 可以实现鼠标悬停在div 上时,元素执行旋转45 度效果A、div:hover{transform:rotate(45deg)}B、div:hover{transform:translate(50px)}C、div:hover{transform:scale(1.5)}D、div:hover{transform:skew(45deg)};16.关于flex 说法正确的是(A)A、flex 属性用于指定弹性子元素如何分配空间B、flex:1 应该写在弹性元素上C、设置 flex:1 无意义D、flex 是指设置固定定位17.让一个动画一直执行的属性是(B)A、animation-directionB、animation-iteration-countC、animation-play-stateD、animation-delay18.以下不属于background-clip 的值的是(D)A、border-boxB、padding-boxC、content-boxD、none19.以下哪条语句会产生运行错误(A)A、var obj = ();B、var obj = {};C、var obj = [];D、var obj = //;20.请选择结果为真的表达式(C)A、null instance of ObjectB、null === undefinedC、null == undefinedD、NaN == NaN21.下面代码输出什么?(C)var a=0b=0;for(;a<10,b<7;a==,b++){g=a+b;}concole.log(g);A、16B、10C、12D、622.下列表达式成立的是(D)A、parseInt(12.5)==parseFloat(12.5)B、Number("123abc")==parseFloat("123abc")C、isNaN("abc")==NaND、typeof NaN=="number"23.在JavaScript 中,执行下面的代码后,num的值是(C) var str ="*****************";var num = str.indexOf(".")A、-1B、0C、4D、1324.阅读下面的JavaScript 代码,输出结果是(B) function f(y){var x=y*y;return x;}for(x=0;x<5;x++){y=f(x);document.write(y);}A、0 1 2 3 4B、 0 1 4 9 16C、0 1 4 9 16 25D、以上答案都不对25.在Java script 中,运行下面代码的结果是(A) function foo(x){var num=5;bar=function(y){return(x+y+(++num));}}console.log(foo(2));console.log(bar(10));console.log(bar(10));A、undefined,18,19B、17,18,19C、5,18,19D、undefined,18,1826.下面代码输出正确的是(D)<div id="box"><h2 id='top1'name='header1'>标题 1</h2><h2 id='top2'name='header2'>标题 2</h2></div>A、3, 3, 3B、3, 3, NaNC、3, NaN, NaND、other27.在以下选项中,关于JavaScript 的Date 对象描述正确的是(C)A、getDay () 方法能返回 Date 对象的一个月中的一天,其值为 1~31B、getDate () 方法能返回 Date 对象的一周中的一天,其值为 0~6C、getTime () 方法能返回某一时刻 (1970 年 1 月 1 日) 依赖的毫秒数D、getYear () 方法只能返回 4 位年份,长用于获取 Date 对象的年份28.以下关于jQuery 节点的说法中错误是(C)A、jQuery 中用 $(".box").insertBefore (ele1,ele2) 给指定 ele2 前添加 ele1 元素B、jQuery 中用 $(".box").append (ele) 给 box 类后添加 ele 元素C、jQuery 中用 $(".box").appendTo (ele) 给 box 类后添加 ele 元素D、jQuery 中用 $(".box").insertAfter (ele1,ele2) 给 ele2 后添加 ele1 元素29.在jQuery 中,下列关于事件的说法错误的是(A)A、jQuery 中用 onclick 绑定点击事件B、jQuery 中用 on 来给未来元素绑定事件C、jQuery 中用 hover 来绑定鼠标经过事件D、jQuery 中存在冒泡事件,故需要阻止冒泡30.在jQuery 中,能够操作HTML 代码及其文本的方法是(C)A、attr()B、text()C、html()D、val()二、多选题(每题2 分,共30 分)1、在JavaScript 语法中,下列说法正确的是(AB)A、parseInt (43.12) 返回值为 43B、parseInt ('abc43.12') 返回值为 NaNC、parseFloat ('43.13abc')==parseInt (43.12) 返回 trueD、isNaN (parseFloat ('45.13abc')) 返回 true2、下面哪些是JavaScript 中document 的方法?(ACDE)A、getElementByIdB、getElementsByIdC、getElementsByTagNameD、getElementsByNameE、getElementsByClassName3、关于JavaScript 事件说法不正确的是(BCD)A、事件由事件函数、事件源、事件对象组成B、当前事件作用在哪个标签上,哪个标签就是事件源C、onclick 就是一个事件对象D、图片切换使用 JavaScript 的 change 事件4、下列关于获取页面元素说法正确的是(AC)A、document.getElementById (‘a’) 是通过 id 值为 a 获取页面中的一个元素B、document.getElementsByName (“na”) 是通过 name 属性值为 na 获取页面中的一个元素C、document.getElementsByTagName (“div”) 是通过标签名获取所有 div;D、以上说法都不正确;5、下列选项中属于jQuery 属性选择器的是(AC)A、$("img[src$='.gif ']")B、$("img")C、$("class")D、$("div>span")6、网页的元素中包含以下HTML 代码,其中能弹出“标题1” 的jQuery 代码是(AB)<div id="box"><h2 id='top1'name='header1'>标题 1</h2><h2 id='top2'name='header2'>标题 2</h2></div>A、alert($('#top1').text());B、alert($('[name=header1]').text());C、alert($('[name='header1']').text());D、alert($('#header1').text());7、以下(AD) 是块级元素A、divB、imgC、inputD、p8、以下标签书写正确的是(BCD)A、<p/>B、<br/>C、<hr/>D、<img/>9、嵌入在HTML 文档中的图像格式可以是(ACD)A、*.gifB、*.tifC、*.bmpD、*.jpg10、请选出正确的选项(ABCD)A、属性要在开始标签中指定,用来表示该标签的性质和特性B、通常都是以“属性名=“值”” 的形式来表示C、一个标签可以指定多个属性D、指定多个属性时不用区分顺序11、下面哪些是HTML5 新增的表单元素?(AC)A、datalistB、optgroupC、outputD、legend12、关于media 说法正确的是(ABCD)A、@media 查询,你可以针对不同的媒体类型定义不同的样式B、@media 可以设计响应式页面C、当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面D、可以用 media 属性在 link 中使用13、文字溢出显示省略号应该拥有那些属性?(ABCD)A、overflow: hidden;B、white-space: nowrap;C、text-overflow: ellipsis;D、width:500px14、关于语义化说法不正确的是(ABC)A、语义化的 HTML 有利于机器的阅读B、Table 属于过时的标签,遇到数据列表时,需尽量使用 div 来模拟表格C、语义化是 HTML5 带来的新概念,此前版本的 HTML 无法做到语义化D、Header、article、address 都属于语义化明确的标签15、background-origin 的值有哪些?(BCD)A、noneB、border-boxC、content-boxD、padding-box三、判断题(每题2 分,共10 分)1、H5 就是HTML5 的简称。

1+X web前端初级模拟试题1

1+X web前端初级模拟试题1

初级模拟题试题11. 浏览器针对于HTML文档起到了什么作用?A. 浏览器用于创建HTML文档B. 浏览器用于查看HTML文档C. 浏览器用于修改HTML文档D. 浏览器用于删除HTML文档答案: B2. 关于行元素说法正确的是:()A. 行元素可以独占一行B. 给行元素设置宽和高,可以生效C. 给行元素设置margin-top:5px,行元素的顶部会出现5px的外边距D. 两个行元素在一起,页面会将这两个行元素水平排列答案: D解析:行元素:不独占一行,多个元素在一起,他们水平排列,对宽高,上下边距不生效。

正确答案D3. 如果在HTML页面中包含如下图片标签,则在下划线处添加()代码能够实现隐藏该图片的功能。

A. style=”display:visible”;B. style=”display:none”;C. style=”display:block”;D. style=”display:disvisible”;答案: B解析:隐藏元素:display:none,visibility:hidden,opacity:0。

正确答案B4. 下列关于:before说法不正确的是()A. 不做任何转换的情况下,给:before元素设置宽和高生效B. 不做任何转换的情况下,给:before元素设置宽和高不生效C. p:before在每个 <p> 元素的内容之前插入新内容D. :before元素中的content不可以省略,即使内容为空答案: A解析:默认:before是行元素,所以对宽高不生效。

正确答案A5. audio元素中controls属性的作用是()A. 提供播放,暂停和音量控件B. 是否循环播放C. 制定要播放音频的urlD. 插入一段替换内容答案: A解析:循环播放属性loop,音频文件的路劲用src属性。

正确答案A6. 我们想要将表格中的文字放在靠上居中的位置,应该怎么办?A. valign="top" align="center"B. align="center" align="top"C. valign="middle" align="top"D. align="middle" align="top"答案: A解析:垂直方向的属性是 valign,水平方向的属性align。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

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分。

相关文档
最新文档