1+x 證書 Web 前端開發初級理論考試（試卷8 ）

本文轉載自查看原文 2019-12-12 21:41 2715 CSS/ HTML

Web前端開發初級模擬測試卷（三）

共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

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

Astring
Bnumber
Cundefined
Dboolean

30.在當前頁面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.

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 1+x證書Web 前端開發初級——理論考試（試卷1） 1+x 證書 Web 前端開發中級理論考試（試卷 6 ） 1+x證書Web前端開發中級理論考試（試卷1） 1+x 證書 Web 前端開發中級理論考試（試卷 8 ）含答案 1+x 證書 Web 前端開發中級理論考試（試卷 7 ）答案 2019年最新1+x 證書 Web 前端開發初級理論考試模擬題（含答案） 1+X Web前端開發（初級）理論考試樣題（附答案） 2019年最新1+x 證書 Web 前端開發中級理論考試（含PDF高清版） 1+x 證書 web 前端開發初級對應課程分析 “1+X”證書Web前端開發等級考試簡介

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.	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.