1+x 证书 Web 前端开发初级理论考试（试卷 8 ）

共 55 道题 总分：200 分 形考总分：0 分

一、单选题共 30 题，60 分

1. 实现向右的红色三角形，样式实现正确的是（ ） A

<div class="icon"></div>
A.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-left-color:#f00; }B.icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-left-color:transparent;}C.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-right-color:#f00;}D.icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-right-color:transparent;}

2.p 下面除了 span 以外所有标签，旋转 45 度（ ）

- *A*p :not(span){transform:rotate(45deg)}- *B*p :not(span){translate:rotate(45deg)}- *C*p not(:span){transform:rotate(45deg)}- *D*p:not(span){rotate(45deg)}

3.jquery 中遍历指定的对象和数组是哪个方法（ ） A

  • A$.each( object, callback )

  • B$(selector).each(function())

  • Cforeach()

  • Dfor ...in

4.arguments 是一个类似于数组的对象。对命名参数的引用可以使用参数名也可以使用（ ）的方式来进行引用：C

  • Afunction argument[n]

  • Barguments.n

  • Carguments[n]

  • Disfunction

5. 下面代码的打印结果是 ( ) C

var cars = ['bmw','qq','byd','glof']; cars.splice(2,0,'polo'); console.log(cars);

  • A["bmw", "qq", "byd", "polo", "glof"]

  • B["bmw", "qq", "polo", "glof"]

  • C["bmw", "qq", "polo", "byd", "glof"]

  • D 以上都不对

6. 下面是兄弟选择器的选项是（ ） B

  • A#ul2+p

  • B#ul2~p

  • C#ul2>p

  • D#ul2 p

7. 以下是画布可以画图像的是（ ） C

  • Avideo

  • Baudio

  • Ccanvas

  • Dheader

8. 在 jQuery 中，不属于鼠标事件的是（ ） C

  • Amouseover

  • Bmouseenter

  • Ckeydown

  • Dmousemove

9.input 标签的值是用哪个属性来描述的（ ） D

  • Atype

  • Bdisabled

  • Cid

  • Dvalue

10. 以下哪个的优先级最高（ ） C

  • Aclass

  • Bid

  • C!important

  • D 行内

11. 下面代码的打印结果是 ( ) D

for(var i=0;i<=30;i+=5){ if(i%3==0){ continue; } console.log(i); }

  • A5,10,15,20,25,30

  • B5,15

  • C5,15,25

  • D5,10,20,25

12. 想要给个 a 标签设置 width 和 height，需要给 a 标签添加哪个样式（ ） D

  • Adisplay:inline;

  • Boverflow:hidden;

  • Cfont-size:0;

  • Ddisplay:block;

13. 设置主轴方向的弹性盒子元素的对齐方式可以使用（ ）属性实现 B

  • Aalign-content

  • Bjustify-content

  • Calign-self

  • Dalign-items

14. 参数序号从 1 开始的是哪个选择器（ ） B

  • Anth-of-type

  • Bnth-child

  • C:first

  • D:eq

15. 以下代码执行结果正确的是 ( ) B

var a = 2; switch (a) { case 1: alert("1"); case 2: alert("2"); case 3: alert("3");

default: alert('4'); }

  • A 分别弹出 1234

  • B 分别弹出 234

  • C 程序报错

  • D 只弹出 2

16.flex-grow 的作用是（ ） D

  • A 弹性盒子元素对齐方式

  • B 弹性盒子元素的排列方式

  • C 弹性盒子元素显示次序

  • D 弹性盒子元素如何分配剩余空间

17. 以下哪个方法是对数组进行排序（ ） A

  • Asort

  • Breverse

  • Cpop

  • Dslice

18. 以下哪些不是块标签的是（ ） A

  • Aspan

  • Bp

  • Cdiv

  • Dul

19. 以下能生效的样式选项是（ ） C

<style> p{ color:yellow; } .classB{ color:red; } .classA{ color:blue; } </style> <p class='classB classA'> 123 </p>

  • Ayellow

  • Bred

  • Cblue

  • Dblack

20.meta 标签中 name 属性值是关键字的是（ ） C

  • Adescription

  • Bauthor

  • Ckeyword

  • Dgenerator

21.javascript 怎样将一个 checkbox 设为无效，假设该 checkbox 的 id 为 checkAll ( ) B

  • Adocument.getElementById("checkAll").enabled = false;

  • Bdocument.getElementById("checkAll").disabled = true;

  • Cdocument.getElementById("checkAll").enabled = true;

  • Ddocument.getElementById("checkAll").disabled = "disabled";

22. 以下这段代码的作用是（ ） A

@media screen and (min-width:960px) and (max-width:1200px){ body{ background:yellow; } }

  • A 是当宽度大于 960px 小于 1200px 的时候 body 的背景色为 yellow

  • B 是当宽度大于 960px 的时候 body 的背景色为 yellow

  • C 以上写法都不正确

  • D 是当宽度小于 1200px 的时候 body 的背景色为 yellow

23. 实现点击文本也能控制复选框，以下设置正确的是（ ） B

  • - *A*<input type="checkbox" name="music" /><label for="music">音乐</label>- *B*<input type="checkbox" id="music" /><label for="music">音乐</label>- *C*<input type="checkbox" name="music" /><label id="music">音乐</label>- *D*<input type="checkbox" id="music" /><label name="music">音乐</label>

    24. 如果按下的是回车键：js 中正确的判断方式是（ ） C

  • Aif(event.keyCode == 39)

  • Bif(event.keyCode == 38)

  • Cif(event.keyCode == 32)

  • Dif(event.keyCode == 31)

    25. 哪一个标记用于使 HTML 文档中表格里的单元格在同行进行合并（ ） C

  • Acellspacing

  • Bcellpadding

  • Crowspan

  • Dcolspan

    26. 如何清除 ul 的浮动（ ） B

  • Aul li:last-child{clear:both}

  • Bul:after{content:"";clear:both;display:block}

  • Cul{clear:both}

  • Dul:before{content:"";clear:both;display:block}

    27.var v; 该语句定义了一个变量 v，它的值是？正确答案是（ ） B

  • A1

  • Bundefined

  • C0

  • Dnull

    28.placeholder 的作用是（ ） A

  • A 为文本框设置默认提示文字

  • B 为文本框设置对齐样式

  • C 为文本框设置默认值

  • D 以上说法都不正确

    29. 正确答案是（ ） A

  1. size="true";console.log(typeof size);

- *A*string- *B*number- *C*undefined- *D*boolean30.在当前页面index.html中插入与index.html处于同一级的img文件夹下的logo.jpg，正确的导入写法是（ ）A- ```  - *A*<img src="img/logo.jpg">  - *B*<img href="img/logo.jpg">  - *C*<img src="../img/logo.jpg">  - *D*<img href="../img/logo.jpg">

## 二、多选题共 15 题，30 分

1.div span {margin-left:10px;} 通过以下哪些语句可以将第一个 span 元素的 margin 取消 ( ) AC

  • Aiv span:first-child{margin:0}

  • Bdiv span:nth-child(0){margin:0;}

  • Cdiv span:nth-child(1){margin:0}

  • Ddiv span{margin:0}

2. 以下语句语法正确的有（ ） AC

  • - *A*document.getElementsByTagName("body")[0].innerHTML = "HELLO"- *B*document.getElementById("box").style.border-top="1px solid #f00"- *C*document.getElementsByTagName("div")[0].innerHTML = '<b>hello</b>';- *D*document.getElementsByTagName("body").style.paddingTop = "10px";

    3. 以下哪些属性属于弹性盒子的（ ） AB

  • Aflex-shrink

  • Bflex-grow

  • Cborder

  • Dmargin

    4. 以下是单独可以不用闭合的标签是（ ） ABCD

  • - *A*<br />- *B*<hr />- *C*<input />- *D*<img />

5.#wrap {width:600px;height:200px;background:#ccc;position:absolute;} 实现 wrap 在浏览器中水平和垂直都居中，需要设置的样式有 ( ) BC

  • Amargin-left:-300px;margin-top:-100px;

  • Bleft:300px;top:100px;

  • Cleft:50%;top:50%;

  • Dmargin-left:-300px;margin-top:100px;

6. 背景 background 属性包括（ ） ABD

  • Abackground-size

  • Bbackground-origin

  • Ctext-align

  • Dbackground-clip

7. 假设 btn 是获取到的按钮，点击按钮调用 checkCity 这样一个函数，以下写法正确的有哪些（ ） BC

  • Abtn.onclick = function(){checkCity;}

  • Bbtn.onclick = function(){checkCity();}

  • Cbtn.onclick = checkCity;

  • Dbtn.onclick = checkCity()

8.HTML5 新增的标签有哪些（ ） ABCD

  • Aheader

  • Bnav

  • Cfooter

  • Dsection

9. 以下哪些语句可以打印 1-100 之间所有的奇数（ ） AD

  • Afor(var i=1;i<=100;i++){if(i%2==1){console.log(i);}}

  • Bfor(var i=1;i<=100;i+=1){console.log(i);}

  • Cfor(var i=1;i<=100;i++){if(i%2==0){console.log(i);}}

  • Dfor(var i=1;i<=100;i+=2){console.log(i);}

10.img 标签有文字提示特性的属性（ ） AC

  • Atitle

  • Btite

  • Calt

  • Dheight

11. 以下哪些元素属于块元素 ( ) BCD

  • Aa

  • Bnav

  • Cheader

  • Dul

12. 下面选项中 jquery 焦点事件的有（ ） AC

  • Ablur()

  • Bselect()

  • Cfocus()

  • Donfocus()

13. 在 jQuery 中，通过 jQuery 对象.css ( ) 可实现样式控制，以下说法正确的是（ ） AB

  • Acss ( ) 方法会去除原有样式而设置新样式

  • B 正确语法：css (“属性”,” 值”)

  • Ccss ( ) 方法不会去除原有样式

  • D 正确语法：css (“属性”)

14. 以下哪些样式可以隐藏元素 ( ) ACD

  • Avisibility:hidden;

  • Bdisplay:show;

  • Cdisplay:none;

  • Dopacity:0;

15. 哪些是动画效果 ( ) AB

  • Atransition

  • Banimation

  • Cstatic

  • Drelative

三、判断题共 5 题，10 分

1. 此句可以实现当文本框获得焦点时添加盒阴影效果。（ ） 对

input[type="text"]:focus{box-shadow:2px 2px 2px blue;}

  • A 对

  • B 错

2.var a=b=6; b=3 console.log (a) 的值为 3 吗（ ） 错

  • A 对

  • B 错

3. 在 jquery 中指定的元素后面追加内容是 after 吗（ ） 对

  • A 对

  • B 错

4.margin-top 与 padding-top 对行内元素都起作用（ ） 错

  • A 对

  • B 错

5.CSS 中 transition 是用来控制元素变形样式的（ ） 错

  • A 对

  • B 错

答案解析

1. 2. 3. 4. 5.
6. 7. 8. 9. 10.
11. 12. 13. 14. 15.
16. 17. 18. 19. 20.
21. 22. 23. 24. 25.
26. 27. 28. 29. 30.
31. 32. 33. 34. 35.
36. 37. 38. 39. 40.
41. 42. 43. 44. 45.
46. 47. 48. 49. 50.

1+x 证书 web 前端开发初级对应课程分析
http://blog.zh66.club/index.php/archives/194/

1+X 证书 Web 前端开发中级对应课程分析
http://blog.zh66.club/index.php/archives/195/

1+x 证书 Web 前端开发初级理论考试样题 2019
http://blog.zh66.club/index.php/archives/149/

1+x 证书 Web 前端开发初级实操考试样题 2019
http://blog.zh66.club/index.php/archives/150/

1+x 证书 Web 前端开发中级理论考试样题 2019
http://blog.zh66.club/index.php/archives/151/

1+x 证书 Web 前端开发中级实操考试样题 2019
http://blog.zh66.club/index.php/archives/152/

1+x 证书 Web 前端开发初级理论教案
http://blog.zh66.club/index.php/archives/322/

1+x 证书 Web 前端开发中级理论教案
http://blog.zh66.club/index.php/archives/320/

1+x 证书 Web 前端开发中级理论考试（试卷 1）
http://blog.zh66.club/index.php/archives/153/

1+x 证书 Web 前端开发中级理论考试（试卷 2 ）
http://blog.zh66.club/index.php/archives/154

1+x 证书 Web 前端开发中级理论考试（试卷 3 ）
http://blog.zh66.club/index.php/archives/170/

1+x 证书 Web 前端开发中级理论考试（试卷 4 ）
http://blog.zh66.club/index.php/archives/191/

1+x 证书 Web 前端开发中级理论考试（试卷 5 ）
http://blog.zh66.club/index.php/archives/297/

1+x 证书 Web 前端开发中级理论考试（试卷 6）
http://blog.zh66.club/index.php/archives/319/

1+x 证书 Web 前端开发初级理论考试（试卷 7 ）
http://blog.zh66.club/index.php/archives/412/

1+x 证书 Web 前端开发初级理论考试（试卷 8 ）http://blog.zh66.club/index.php/archives/414/

1+x 证书 Web 前端开发初级级理论考试（试卷 2 ）
http://blog.zh66.club/index.php/archives/176/

1+x 证书 Web 前端开发初级级理论考试（试卷 3 ）
http://blog.zh66.club/index.php/archives/299/

1+x 证书 Web 前端开发初级级理论考试（试卷 4 ）
http://blog.zh66.club/index.php/archives/315/

《Web 前端开发》等级考试样题～以国家 “1+X” 职业技能证书为标准，厚溥推出 Web 前端开发人才培养方案
http://blog.zh66.club/index.php/archives/156/

pdf 版查看链接三套完整版
http://blog.zh66.club/usr/uploads/2019/12/4294434490.pdf
http://blog.zh66.club/usr/uploads/2019/12/2430725541.pdf
http://blog.zh66.club/usr/uploads/2019/12/761774577.pdf

这人还没有写标签哦～
赞 (0)

相关推荐