Web前端開發(fā)職業(yè)技能等級(jí)考試-初級(jí)樣卷（工信部）青海交通職業(yè)學(xué)院測(cè)試題

1、Web前端開發(fā)職業(yè)技能等級(jí)考試-初級(jí)樣卷（工信部）青海交通職業(yè)學(xué)院聯(lián)系電話 參訓(xùn)時(shí)間 WEB前端開發(fā)實(shí)訓(xùn)入訓(xùn)測(cè)試卷 題 號(hào)一二三四五總 分應(yīng)得分603010實(shí)得分基本信息：矩陣文本題 *姓名：_學(xué)院：_班級(jí):_一、單選題（共30小題，每小題2分，共60分）1、在HTML中，( )用來(lái)表示特殊字符引號(hào) 單選題 *A.& regB.& copyC.& quot(正確答案)D.& nbsp2、下面關(guān)于文件路徑的說(shuō)法錯(cuò)誤的是（ ）。 單選題 *A.“./”是返回當(dāng)前目錄的上一級(jí)目錄B.“./”是返回當(dāng)前目錄的下一級(jí)目錄(正確答案)C.訪問(wèn)下一級(jí)目錄直接輸入相應(yīng)的目錄名即可D.文件路徑指文件存儲(chǔ)的位置3

2、、下列選項(xiàng)中定義標(biāo)題最合理的是( ) 單選題 *A. 文章標(biāo)題 B. 文章標(biāo)題 C. 標(biāo)題 (正確答案)D. 文章標(biāo)題 4、關(guān)于樣式的優(yōu)先級(jí)說(shuō)法正確的是（ ） 單選題 *A.內(nèi)聯(lián)樣式!importantB.內(nèi)部樣式外部樣式!importantC.!important內(nèi)聯(lián)樣式內(nèi)部樣式外部樣式(正確答案)D.以上都不正確5、在HTML中，下面（ ）不屬于HTML文檔的基本組成部分。 單選題 *A.(正確答案)B.C.D.6、在HTML中，下列有關(guān)郵箱的鏈接書寫正確的是（ ） 單選題 *A. 發(fā)送郵件 B. 發(fā)送郵件 C. 發(fā)送郵件 D. 發(fā)送郵件 (正確答案)7、在HTML5中，哪個(gè)屬性用于規(guī)定輸

3、入字段是必填的？ 單選題 *A.readonlyB.required(正確答案)C.validateD.placeholder8、HTML5的正確doctype是( ) 單選題 *A.(正確答案)B.C.9、以下說(shuō)法不正確的是（ ） 單選題 *A.HTML5 標(biāo)準(zhǔn)還在制定中(正確答案)B.HTML5兼容以前HTML4下瀏覽器C.標(biāo)簽替代FlashD.簡(jiǎn)化的語(yǔ)法10、設(shè)定一個(gè)元素按規(guī)定的動(dòng)畫執(zhí)行，你需要運(yùn)用什么規(guī)則？ 單選題 *A.animationB.keyframes(正確答案)C.flashD.transition11、每段文字都需要首行縮進(jìn)兩個(gè)字的距離，該設(shè)置什么屬性（ ） 單選題 *A

4、.text-transformB.text-alignC.text-indent(正確答案)D.text-decoration12、關(guān)于box-shadow說(shuō)法正確的是（ ） 單選題 *A.設(shè)置文字投影B.第一個(gè)值是設(shè)置水平距離的(正確答案)C.第二個(gè)值是設(shè)置水平距離的D.第三個(gè)值是設(shè)置投影顏色的13、設(shè)置盒子圓角的屬性是（ ） 單選題 *A.box-sizingB.box-shadowC.border-radius(正確答案)D.border14、將div類名以c開頭元素添加文字為紅色，書寫正確的是（ ） 單選題 *A.divclass=ccolor:red(正確答案)ccolor:redc

5、color:red B.divclass$=ccolor:redD.divclass*=ccolor:red15、在HTML中，通過(guò)( )可以實(shí)現(xiàn)鼠標(biāo)懸停在div上時(shí)，元素執(zhí)行旋轉(zhuǎn)45度效果 單選題 *A.div:hovertransform:rotate(45deg)(正確答案)B.div:hovertransform:translate(50px)C.div:hovertransform:scale(1.5)D.div:hovertransform:skew(45deg);16、關(guān)于flex說(shuō)法正確的是（ ） 單選題 *A.flex 屬性用于指定彈性子元素如何分配空間(正確答案)B.fle

6、x:1應(yīng)該寫在彈性元素上C.設(shè)置flex:1無(wú)意義D.flex是指設(shè)置固定定位17、讓一個(gè)動(dòng)畫一直執(zhí)行的屬性是（ ） 單選題 *A.animation-directionB.animation-iteration-count(正確答案)C.animation-play-stateD.animation-delay18、以下不屬于background-clip的值的是（ ） 單選題 *A.border-boxB.padding-boxC.content-boxD.none(正確答案)19、以下哪條語(yǔ)句會(huì)產(chǎn)生運(yùn)行錯(cuò)誤（ ） 單選題 *A.var obj = ();(正確答案)B.var obj =

7、 ;C.var obj = ;D.var obj = /;20、請(qǐng)選擇結(jié)果為真的表達(dá)式（ ） 單選題 *A、null instance of ObjectB、null = undefinedC、null = undefined(正確答案)D、NaN = NaN21、下面代碼輸出什么( )var a=0,b=0;for(;a10,b7;a+,b+)g=a+b;console.log(g); 單選題 *A.16B.10C.12(正確答案)D.622、下列表達(dá)式成立的是( ) 單選題 *A.parseInt(12.5)=parseFloat(12.5)B.Number(123abc)=parseFl

8、oat(123abc)C.isNaN(abc)=NaND.typeof NaN=number(正確答案)23、在JavaScript中，執(zhí)行下面的代碼后，num的值是( )var str = wang.wu;var num = str.indexOf(.); 單選題 *A.-1B.0C.4(正確答案)D.1324、閱讀下面的JavaScript代碼，輸出結(jié)果是（ ）function f(y) var x=y*y; return x; for(x=0;xspan)6、網(wǎng)頁(yè)的元素中包含以下HTML代碼：標(biāo)題1標(biāo)題2下列能彈出標(biāo)題1的jQuery代碼是（ ）。 *A.alert($(#top1).t

9、ext();(正確答案)B.alert($(name=header1).text();(正確答案)C.alert($(name=header1).text();D.alert($(#header1).text();7、以下（ ）是塊級(jí)元素 *A.div(正確答案)B.imgC.inputD.p(正確答案)8、以下標(biāo)簽書寫正確的是( ) *A.B.(正確答案)C.(正確答案)D.(正確答案)9、嵌入在HTML文檔中的圖像格式可以是( ) *A.*.gif(正確答案)B.*.tifC.*.bmp(正確答案)D.*.jpg(正確答案)10、請(qǐng)選出正確的選項(xiàng)( ) *A.屬性要在開始標(biāo)簽中指定，用來(lái)表

10、示該標(biāo)簽的性質(zhì)和特性(正確答案)B.通常都是以“屬性名=“值”的形式來(lái)表示(正確答案)C.一個(gè)標(biāo)簽可以指定多個(gè)屬性(正確答案)D.指定多個(gè)屬性時(shí)不用區(qū)分順序(正確答案)11、下面哪些是HTML5 新增的表單元素？ *A.datalist(正確答案)B.optgroupC.output(正確答案)D.legend12、關(guān)于media說(shuō)法正確的是（ ） *A.media 查詢，你可以針對(duì)不同的媒體類型定義不同的樣式(正確答案)B.media 可以設(shè)計(jì)響應(yīng)式頁(yè)面(正確答案)C.當(dāng)你重置瀏覽器大小的過(guò)程中，頁(yè)面也會(huì)根據(jù)瀏覽器的寬度和高度重新渲染頁(yè)面(正確答案)D.可以用media屬性在link中使用(

11、正確答案)13、文字溢出顯示省略號(hào)應(yīng)該擁有那些屬性（ ） *A.overflow: hidden;(正確答案)B.white-space: nowrap;(正確答案)C.text-overflow: ellipsis;(正確答案)D.width:500px(正確答案)14、關(guān)于語(yǔ)義化說(shuō)法不正確的是（ ） *A.語(yǔ)義化的HTML有利于機(jī)器的閱讀(正確答案)B.Table 屬于過(guò)時(shí)的標(biāo)簽，遇到數(shù)據(jù)列表時(shí)，需盡量使用 div 來(lái)模擬表格(正確答案)C.語(yǔ)義化是HTML5帶來(lái)的新概念，此前版本的HTML無(wú)法做到語(yǔ)義化(正確答案)D.Header、article、address都屬于語(yǔ)義化明確的標(biāo)簽15、background-origin的值有哪些（ ） *A.noneB.border-box(正確答案)C.content-box(正確答案)D.padding-box(正確答案)三、判斷題（共10小題，每小題1分，共10分。在每小題對(duì)應(yīng)對(duì)應(yīng)的括號(hào)內(nèi)填入判斷結(jié)果，用“”表示正確，用“”表示錯(cuò)誤）1、H5就是HTML5的簡(jiǎn)稱。（ ） 判斷題 *對(duì)錯(cuò)(正確答案)2、CSS Sprites整理起來(lái)更為方便，同一個(gè)按鈕不同狀態(tài)的圖片也需要一個(gè)個(gè)切割出來(lái)并個(gè)別命