1+X WEB 前端初級理論試卷及答案_第1頁
1+X WEB 前端初級理論試卷及答案_第2頁
1+X WEB 前端初級理論試卷及答案_第3頁
1+X WEB 前端初級理論試卷及答案_第4頁
1+X WEB 前端初級理論試卷及答案_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1+XWEB前端初級理論試卷及答案一、單選題（每題2分，共60分）1、在HTML中，（）用來表示特殊字符引號（）A、?B、?C、"(正確答案)D、/2、下面關(guān)于文件路徑的說法錯誤的是（）A、“../”是返回當(dāng)前目錄的上一級目錄B、“../”是返回當(dāng)前目錄的下一級目錄(正確答案)C、訪問下一級目錄直接輸入相應(yīng)的目錄名即可D、文件路徑指文件存儲的位置3、下列選項中定義標(biāo)題最合理的是（）A、<spanclass="header">文章標(biāo)題</span>B、<p>文章標(biāo)題</p>C、<h2>標(biāo)題</h2>(正確答案)D、<div>文章標(biāo)題</div>4、關(guān)于樣式的優(yōu)先級說法正確的是（）A、內(nèi)聯(lián)樣式>!importantB、內(nèi)部樣式>外部樣式>!importantC、!important>內(nèi)聯(lián)樣式>內(nèi)部樣式>外部樣式(正確答案)D、以上都不正確5、在HTML中，下面（）不屬于HTML文檔的基本組成部分。（）A、<STYLE></STYTLE>(正確答案)B、<BODY></BODY>C、<HTML></HTML>D、<HEAD></HEAD>6、在HTML中，下列有關(guān)郵箱的鏈接書寫正確的是（）A、〈ahref="telnet:zhangming@">發(fā)送郵件B、〈ahref="mail:zhangming@">發(fā)送郵件C、〈ahref="ftp:zhangming@">發(fā)送郵件D、〈ahref="mailto:zhangming@">發(fā)送郵件(正確答案)7、在HTML5中，哪個屬性用于規(guī)定輸入字段是必填的?（）A、readonlyB、required(正確答案)C、validatD、placeholder8、HTML5的正確doctype是（）A、<!DOCTYPEhtml>(正確答案)B、<!DOCTYPEHTML5>C、<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN""/TR/html5/strict.dtd">D、<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-strict.dtd">9、以下說法不正確的是（）A、HTML5標(biāo)準(zhǔn)還在制定中(正確答案)B、HTML5兼容以前HTML4下瀏覽器C、<canvas>標(biāo)簽替代FlashD、簡化的語法10、設(shè)定一個元素按規(guī)定的動畫執(zhí)行，你需要運用什么規(guī)則?（）A、animatioB、keyframes(正確答案)C、flashD、transition11、每段文字都需要首行縮進(jìn)兩個字的距離，該設(shè)置什么屬性?（）A、text-transformB、text-alignC、text-indent(正確答案)D、text-decoration12、關(guān)于box-shadow說法正確的是（）A、設(shè)置文字投影B、第一個值是設(shè)置水平距離的(正確答案)C、第二個值是設(shè)置水平距離的D、第三個值是設(shè)置投影顏色的13、設(shè)置盒子圓角的屬性是（）A、box-sizingB、box-shadowC、border-radius(正確答案)D、borde14、將div類名以'c'開頭元素添加文字為紅色，書寫正確的是（）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中，通過()可以實現(xiàn)鼠標(biāo)懸停在div上時，元素執(zhí)行旋轉(zhuǎn)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、關(guān)于flex說法正確的是（）A、flex屬性用于指定彈性子元素如何分配空間(正確答案)B、flex:1應(yīng)該寫在彈性元素上C、設(shè)置flex:1無意義D、flex是指設(shè)置固定定位17、讓一個動畫一直執(zhí)行的屬性是（）A、animation-directionB、animation-iteration-count(正確答案)C、animation-play-stateD、animation-delay18、以下不屬于background-clip的值的是（）A、border-boxB、padding-boxC、content-boxD、none(正確答案)19、以下哪條語句會產(chǎn)生運行錯誤（）A、varobj=（）;(正確答案)B、varobj={};C、varobj=[];D、varobj=//;20、請選擇結(jié)果為真的表達(dá)式（）A、nullinstanceofObjectB、null===undefinedC、null==undefined(正確答案)D、NaN==NaN21、div和SPAN的區(qū)別?（）A、DIV更整齊B、SPAN更整齊C、DIV不換行D、SPAN不換行(正確答案)22、下列表達(dá)式成立的是（）A、parseInt(12.5)==parseFloat(12.5)B、Number("123abc")==parseFloat("123abc")C、isNaN("abc")==NaND、typeofNaN=="number"(正確答案)23、<br>是（）A、定義備注B、定義水平線C、簡單的折行(正確答案)D、定義段落24、<figure>是（）A、規(guī)定獨立的文本內(nèi)容B、規(guī)定獨立的流內(nèi)容(正確答案)C、規(guī)定獨立的空內(nèi)容D、以上答案都不對25、<mark>是（）A、定義高亮文本(正確答案)B、定義減淡文本C、定義紅色文本D、定義備注文本26、<progress>是（）A、用于表示一個影像B、用于表示一個圖片C、用于表示一個交互行為D、用于表示一個進(jìn)度條(正確答案)27、在以下選項中，關(guān)于JavaScript的Date對象描述正確的是（）A、getDay()方法能返回Date對象的一個月中的一天，其值為1~31B、getDate()方法能返回Date對象的一周中的一天，其值為0~6C、getTime（）方法能返回某一時刻(1970年1月1日)依賴的毫秒數(shù)(正確答案)D、getYear()方法只能返回4位年份，長用于獲取Date對象的年份28、以下關(guān)于jQuery節(jié)點的說法中錯誤是（）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中，下列關(guān)于事件的說法錯誤的是（）A、jQuery中用onclick綁定點擊事件(正確答案)B、jQuery中用on來給未來元素綁定事件C、jQuery中用hover來綁定鼠標(biāo)經(jīng)過事件D、jQuery中存在冒泡事件，故需要阻止冒泡30、在jQuery中，能夠操作HTML代碼及其文本的方法是（）A、attr（）B、text（）C、html（）(正確答案)D、val（）二、多選題（每題2分，共30分）1、在JavaScript語法中，下列說法正確的是（）A、parseInt(43.12)返回值為43(正確答案)B、parseInt('abc43.12')返回值為NaN(正確答案)C、parseFloat('43.13abc')==parseInt(43.12)返回trueD、isNaN(parseFloat('45.13abc'))返回true2、下面哪些是JavaScript中document的方法?（）A、getElementById(正確答案)B、getElementsByIdC、getElementsByTagName(正確答案)D、getElementsByName(正確答案)E、getElementsByClassName(正確答案)3、關(guān)于JavaScript事件說法不正確的是（）A、事件由事件函數(shù)、事件源、事件對象組成B、當(dāng)前事件作用在哪個標(biāo)簽上，哪個標(biāo)簽就是事件源(正確答案)C、onclick就是一個事件對象(正確答案)D、圖片切換使用JavaScript的change事件(正確答案)4、下列關(guān)于獲取頁面元素說法正確的是（）A、document.getElementById(‘a(chǎn)’)是通過id值為a獲取頁面中的一個元素(正確答案)B、document.getElementsByName(“na”)是通過name屬性值為na獲取頁面中的一個元素C、document.getElementsByTagName(“div”)是通過標(biāo)簽名獲取所有div;(正確答案)D、以上說法都不正確;5、下列選項中屬于jQuery屬性選擇器的是（）A、$("img[src$='.gif']")(正確答案)B、$("img")C、$("class")(正確答案)D、$("div>span")6、<audio>的常見屬性有（）A、autoplay(正確答案)B、loop(正確答案)C、playD、stop7、以下（）是塊級元素（）A、div(正確答案)B、imgC、inputD、p(正確答案)8、以下標(biāo)簽書寫正確的是（）A、<p/>B、<br/>(正確答案)C、<hr/>(正確答案)D、<img/>(正確答案)9、嵌入在HTML文檔中的圖像格式可以是（）A、.gif(正確答案)B、.tifC、.bmp(正確答案)D、.jpg(正確答案)10、請選出正確的選項（）A、屬性要在開始標(biāo)簽中指定，用來表示該標(biāo)簽的性質(zhì)和特性(正確答案)B、通常都是以“屬性名=“值””的形式來表示(正確答案)C、一個標(biāo)簽可以指定多個屬性(正確答案)D、指定多個屬性時不用區(qū)分順序(正確答案)11、下面哪些是HTML5新增的表單元素?（）A、datalist(正確答案)B、optgroupC、output(正確答案)D、legend12、關(guān)于media說法正確的是（）A、@media查詢，你可以針對不同的媒體類型定義不同的樣式(正確答案)B、@media可以設(shè)計響應(yīng)式頁面(正確答案)C、當(dāng)你重置瀏覽器大小的過程中，頁面也會根據(jù)瀏覽器的寬度和高度重新渲染頁面(正確答案)D、可以用media屬性在link中使用(正確答案)13、文字溢出顯示省略號應(yīng)該擁有那些屬性?（）A、overflow:hidden;(正確答案)B、white-space:nowrap;(正確答案)C、text-overflow:ellipsis;(正確答案)D、width:500px(正確答案)14、關(guān)于語義化說法不正確的是（）A、語義化的HTML有利于機(jī)器的閱讀(正確答案)B、Table屬于過時的標(biāo)簽，遇到數(shù)據(jù)列表時，需盡量使用div來模擬表格(正確答案)C、語義化是HTML5帶來的新概念，此前版本的HTML無法做到語義化(正確答案)D、Header、article、address都屬于語義化明確的標(biāo)簽15、background-origin的值有哪些?（）A、noneB、border-box(正確答案)C、content-box(正確答案)D、padding

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論