Web前端技術(shù)-測(cè)驗(yàn)（含答案）_第1頁(yè)
Web前端技術(shù)-測(cè)驗(yàn)（含答案）_第2頁(yè)
Web前端技術(shù)-測(cè)驗(yàn)（含答案）_第3頁(yè)
Web前端技術(shù)-測(cè)驗(yàn)（含答案）_第4頁(yè)
Web前端技術(shù)-測(cè)驗(yàn)（含答案）_第5頁(yè)
已閱讀5頁(yè)，還剩6頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

項(xiàng)目1HTML基礎(chǔ)1、不屬于HTML文檔結(jié)構(gòu)標(biāo)簽的是（

）A.<html></html>B.<title></title>C.

<head></head>D.

<body></body>答案：B2、下面哪一項(xiàng)是換行符標(biāo)簽？（

）A.<body>

B.<font>C.<br>D.<p>答案：C3、在網(wǎng)頁(yè)中，必須使用（）標(biāo)記來(lái)完成超級(jí)鏈接。A.<a>…</a>B.<p>…</p>

C.<link>…</link>

D.<li>…</li>答案：A4、用HTML標(biāo)記語(yǔ)言編寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，網(wǎng)頁(yè)最基本的結(jié)構(gòu)是（）。A.

<html><head>…</head><frame>…</frame></html>

B.<html><title>…</title><body>…</body></html>C.<html><title>…</title><frame>…</frame></html>

D.<html><head>…</head><body>…</body></html>答案：D5、以下標(biāo)記符中，用于設(shè)置頁(yè)面標(biāo)題的是（

）A.titleB.<caption>C.<head>

D.<html>答案：A6?、以下選項(xiàng)中，哪個(gè)全部是表格標(biāo)記（

）A.<table><head><tfoot>B.

<table><tr><td>C.<table><tr><tt>D.

<table><body><tr>答案：B7?、在input元素的type屬性中，用于表示單行文本框的屬性是（

）A.

type=“text”B.

type=“password”C.

type=“radio”D.

type=“number”答案：A8、若要在頁(yè)面中創(chuàng)建一個(gè)圖形超鏈接，要顯示的圖形為myhome.jpg,所鏈接的地址為,以下用法中以下用法中，正確的是（）?A.

<ahref=””>myhome.jpg</a>B.<ahref=”

”><imgsrc=”myhome.jpg”></a>C.

<imgsrc=”myhome.jpg”><ahref=””></a>D.

<ahref=><imgsrc=”myhome.jpg”>答案：B9?、在HTML源代碼中，圖像的屬性用（）標(biāo)記來(lái)定義。A.picture

B.img

C.pic

D.image

答案：B10、HTML是一種什么語(yǔ)言？（

）A.

是一種編程語(yǔ)言B.

是一種標(biāo)記語(yǔ)言C.是一種腳本語(yǔ)言D.

是一種程序語(yǔ)言答案：B11、【判斷】將input元素的type屬性設(shè)置為number類型，并且還可以分別設(shè)置min，max,和step屬性的值。（

對(duì)）12、【判斷】當(dāng)定義input控件的type屬性值為text時(shí)，可以創(chuàng)建一個(gè)單行文本輸入框也可以創(chuàng)建一個(gè)多行文本框。（錯(cuò)

）13、【判斷】?當(dāng)用<textarea>定義多行文本框時(shí)，其中用cols來(lái)定義多行文本框中每行的字符數(shù)。（

對(duì)）14、【判斷】HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如<html>(

對(duì)

)15、【判斷】HTML標(biāo)簽是成對(duì)出現(xiàn)的，比如<div>和</div>（

對(duì)）項(xiàng)目2CSS3基礎(chǔ)1、after偽元素是在元素哪里添加內(nèi)容？?A.之后B.之右C.之前D.之左答案：A2、為了使CSS3的新特性可以運(yùn)行在chrome瀏覽器上，可以使用私有屬性A.-webkit-;B.-moz-;C.-khtml-;D.-chr-答案：A3、請(qǐng)選擇可以使單元格中的內(nèi)容可以進(jìn)行左對(duì)齊的正確HTML標(biāo)記A.<tdvalign=“l(fā)eft”>;B.<tdalign=“l(fā)eft”>;C.<tdleft>D.<tdleftalign>;答案：B4、?下面關(guān)于樣式的說(shuō)法不正確的是A.樣式可以控制網(wǎng)頁(yè)背景圖片;B.字體大小的單位可以是em;C.margin屬性的屬性值可以是百分比;D.1em等于18像素答案：D5?、若設(shè)計(jì)網(wǎng)頁(yè)的背景圖形為bg.jpg，以下標(biāo)記中，正確的是A.<bodybground=“bg.jpg”>;B.<bodybgcolor=“bg.jpg”>C.<bodyimage=“bg.jpg”>;D.<bodybackground=“bg.jpg”>;答案：D6、?在CSS中不屬于添加在當(dāng)前頁(yè)面的形式是A.內(nèi)聯(lián)式樣式表B.嵌入式樣式表;C.鏈接式樣式表;D.層疊式樣式表;答案：C7、如果層中的圖片太大，要設(shè)置超出部分照樣顯示，則"溢出"選項(xiàng)中應(yīng)選擇()A.auto

B.visibIe;C.scrolI;D.hidden;答案：B8、?CSS中的選擇器不包括A.類選擇器;B.超文本標(biāo)記選擇器;C.ID選擇器D.類選擇器;答案：B9、給所有的＜h1＞標(biāo)簽添加背景顏色的是A..h1{background-color:#FFFFFF}

B.h1.all{background-color:#FFFFFF}

C.

#h1{background-color:#FFFFFF}

D.h1{background-color:#FFFFFF;}

答案：D10、?以下選項(xiàng)中屬于行內(nèi)標(biāo)簽的是A.divB.hr

C.pD.span答案：D11、【多選】CSS中，盒模型的屬性包括（）A.

visible

B.margin

C.border

D.

padding

答案：BCD12、【多選】?邊框的樣式可以包含的值包括？?A.樣式B.粗細(xì)C.顏色D.長(zhǎng)短

答案：ABC13、【多選】?下面關(guān)于CSS的說(shuō)法正確的有()

?A.CSS可以控制網(wǎng)頁(yè)背景圖片;B.

margin屬性不能同時(shí)設(shè)置四個(gè)邊的邊距

C.

margin屬性的屬性值可以是百分比;

D.整個(gè)BODY可以作為一個(gè)BOX;

答案：ACD14、【多選】?下面哪些是復(fù)合選擇器？?A.偽元素選擇器B.子元素選擇器C.相鄰元素選擇器D.偽類選擇器答案：BC15、【多選】?在CSS定義中，a:hover必須被置于什么和什么之后，才是有效的。?A.a:linkB.a:visitedC.a:hoverD.a:active答案：AB16、【判斷】?使用DIV+CSS3盒子模型的網(wǎng)頁(yè)，結(jié)構(gòu)清晰，更有利于搜索引擎的搜索（對(duì)）17、【判斷】?DIV+HTML5+CSS是目前經(jīng)典的CSS盒子模型方式（對(duì)）18、【判斷】?左右兩欄+頁(yè)眉+頁(yè)腳版式用于對(duì)網(wǎng)頁(yè)結(jié)構(gòu)的排版（對(duì)）19、【判斷】?不可以通過(guò)設(shè)置父元素的偽元素after的樣式來(lái)實(shí)現(xiàn)其高度自適應(yīng)變化（錯(cuò)）20、【判斷】?當(dāng)子元素全部使用浮動(dòng)排版時(shí)，父元素的高度不能自適應(yīng)變化（對(duì)）?項(xiàng)目3CSS3+DIV頁(yè)面結(jié)構(gòu)布局1、要進(jìn)行浮動(dòng)，使用的CSS屬性是A.marginB.z-indexC.floatD.position答案：C2?、京東首頁(yè)中，隨著拉伸屏幕，上方的搜索工具欄，始終在固定位置，請(qǐng)問(wèn)這種導(dǎo)航，采用哪種定位方式？A.relativeB.absoluteC.staticD.fixed答案：D3?、以下不是float屬性的是A.right

B.leftC.allD.

none

答案：C4、?怎樣使一個(gè)層垂直居中于瀏覽器中

A.padding:50%50%B.margin:0auto

C.margin:50%50%D.margin:-100auto

答案：C5?、css中body{padding-left:20px;}表示A.頁(yè)面左邊的表格大小B.

頁(yè)面左邊的空白大小C.

頁(yè)面左邊的可用區(qū)域大小D.

頁(yè)面左邊的可編輯區(qū)域大小

答案：B6、在CSS中，下面不屬于BOX模型屬性的有A.border

B.marginC.paddingD.font答案：D7?、以下可以改變?cè)氐淖笸庋a(bǔ)丁的屬性是A.text-indent

B.marginC.indentD.margin-left答案：D8、?CSS是利用HTML的（）標(biāo)記構(gòu)建網(wǎng)頁(yè)布局

?A.＜p＞B.＜table＞C.＜div＞D.＜ul＞

答案：C9、關(guān)于DIV標(biāo)記，下列說(shuō)法錯(cuò)誤的是?A.若將DIV設(shè)置寬高，若其背景圖片比它大，則多余的背景圖片顯示不出來(lái)B.可以用DIV來(lái)制作導(dǎo)航菜單

C.若將某個(gè)DIV標(biāo)記的visibility屬性設(shè)為hidden，則該DIV標(biāo)記會(huì)讓出其原來(lái)占有的空間D.DIV是一個(gè)無(wú)任何語(yǔ)義的標(biāo)簽

答案：C10?、下列說(shuō)法中正確的是()。?A.在層面板中睜眼的層表示顯示層，閉眼的層表示隱藏層B.所有層的Z軸的大小不能重復(fù)C.層的Z軸越小，層的疊放位置就越靠近頂部D.層的Z軸越大，層的疊放位置就越靠近底部答案：A11、【判斷】?CSS的盒子模型由內(nèi)容（content）、邊框（border）、內(nèi)邊距（padding）、外邊距（margin）組成。（對(duì)）?12、【判斷】?盒子的默認(rèn)定位為fixed，即固定定位

（錯(cuò)）?13、【判斷】盒子的相對(duì)定位是指相對(duì)于其身原有位置進(jìn)行偏移，一般會(huì)結(jié)合left、right、top、bottom屬性使用

（對(duì)）14、【判斷】?絕對(duì)定位是以其父元素為參考對(duì)象，絕對(duì)定位的元素會(huì)脫離文檔流（錯(cuò)）15、【判斷】?

所有的盒子模型在默認(rèn)情況下都按w3c標(biāo)準(zhǔn)進(jìn)行解析（錯(cuò)）?項(xiàng)目4CSS3新增動(dòng)畫(huà)特效1?、使用transform屬性不能實(shí)現(xiàn)下列哪個(gè)效果？?A.將元素變得透明B.將元素向右進(jìn)行旋轉(zhuǎn)C.將元素的原點(diǎn)修改為左上角D.將元素向左和右進(jìn)行移動(dòng)答案：A2?、下列選項(xiàng)中不可以實(shí)現(xiàn)對(duì)元素縮放的是？A.transform:scaleX（-2.0）B.transform:scal(10)C.transform:scale（10，20）D.transform:scaleX（-2.0deg）;答案：D3?、下列選相適應(yīng)transform-origin屬性錯(cuò)誤的是？A.transform-origin：10%

50%;B.transform-origin：top

leftC.transform-origin：-20deg10degD.transform-origin：100px

left答案：C4?、下列不屬于transition子屬性的是？?A.transition-delayB.transition-propertyC.transition-durationD.transition-function答案：D5、下列不屬于CSS3中過(guò)渡效果名稱的是？?A.linearB.easeC.cubic-bezierD.fade答案：D6?、下列transition-delay屬性的用法中，錯(cuò)誤的是??A.transition-delay：-50sB.transition-delay：50sC.transition-delay：none;D.transition-delay：-50ms答案：C7、?下列哪個(gè)關(guān)鍵幀選擇器是錯(cuò)誤的？?A.formB.beginC.0%D.10%答案：B8?、下列不屬于animation子屬性的是？?A.animation-fill-modeB.animation-directionC.animation-timing-functionD.animation-count答案：D9、【填空】?當(dāng)過(guò)渡效果需要應(yīng)用到所有CSS屬性上時(shí)，應(yīng)該將transition-property設(shè)置為（all）值10、【填空】?如果要實(shí)現(xiàn)平移功能應(yīng)該將transform屬性設(shè)置為（translate）?11、【填空】?在CSS3中，要?jiǎng)?chuàng)建動(dòng)畫(huà)必須使用（@keyframe）屬性定義關(guān)鍵幀集合?項(xiàng)目5JavaScript1?、產(chǎn)生當(dāng)前日期的方法是(

)

?A.newNow()B.newDate()C.Now()D.Date()答案：B2、?在HTML頁(yè)面上編寫(xiě)Javascript代碼時(shí)，應(yīng)編寫(xiě)在（）標(biāo)簽中間。?A.<head>和</head>B.<javascript>和</javascript>C.和D.

<body>和</body>答案：C3?、分析下面的JavaScript代碼段：vara=15．49;document．write(Math．round(a));輸出的結(jié)果是()。?A.15

B.15.4C.16D.

15.5答案：A4、?下列哪個(gè)函數(shù)可以將參數(shù)轉(zhuǎn)換為浮點(diǎn)數(shù)？?A.isNaN()B.parseInt()C.parseFloat()

D.

Number()答案：C5、下列JavaScript的循環(huán)語(yǔ)句中()是正確的?A.if(i<10;i++)

B.for(i=0;i<10)C.for(i=0;i<=10;i++)D.fori=1to10答案：C6、?onfocus事件表示（

）A.文本被選中B.失去焦點(diǎn)C.獲得焦點(diǎn)D.內(nèi)容發(fā)生改變

答案：C7?、在javascript中的switch語(yǔ)句的語(yǔ)法如下?switch(表達(dá)式){

case常量1：語(yǔ)句；break；?

case常量1：語(yǔ)句；break；

default：語(yǔ)句；?}下面描述正確的是（）A.switch語(yǔ)句用于重復(fù)執(zhí)行一個(gè)語(yǔ)句塊的操作B.switch語(yǔ)句根據(jù)表達(dá)式的值執(zhí)行若干語(yǔ)句塊之一，如果沒(méi)有匹配項(xiàng)，則執(zhí)行默認(rèn)語(yǔ)句塊中的語(yǔ)句C.switch語(yǔ)句又叫循環(huán)語(yǔ)句D.switch語(yǔ)句表達(dá)式中值不能與后面的case語(yǔ)句中的常量相匹配時(shí)將出現(xiàn)運(yùn)行錯(cuò)誤答案：B8、?在HTML中，以下代碼（）可以正確顯示彈出對(duì)話框的是A.<scriptlanguage=“javascript”>

document.open(“歡迎學(xué)習(xí)。net”);B.<scriptlanguage=“javascript”>

document.write(“歡迎學(xué)習(xí)。net”);C.<scriptlanguage=“javascript”>

alert(“歡迎學(xué)習(xí)。net”);

D.<scriptlanguage=“javascript”>

confirm(“歡迎學(xué)習(xí)。net”);

答案：C9、?網(wǎng)頁(yè)編程中，運(yùn)行下面的javascript代碼：<scriptlanguage=”javascript”>?x=3;?y=2;?z=(x+2)/y;?alert(z);則提示框中顯示（）

?A.

32/2

B.

2

C.2．5D.

16

答案：C10?、分析下面的Javascript代碼段?varp=2;switch(p){case1:document.write("case1");case2:document.write("case2");default:document.write("default");}輸出的結(jié)果是（）?A.

case2defaultB.case1;

C.case2;

D.default;答案：A11、【判斷】?Javascript代碼可以放在<head></head>中，也可以放在<body></body>之間（對(duì)）12、【判斷】?在JavaScript的語(yǔ)法中，句末的分號(hào)”;”是JavaScript程序作為一個(gè)語(yǔ)句結(jié)束的標(biāo)識(shí)符。（對(duì)）13、【判斷】?.JavaScript代碼可以在同一個(gè)HTML網(wǎng)頁(yè)的頭部與主體部分同時(shí)嵌入，并且在同一個(gè)網(wǎng)頁(yè)中可以多次嵌入JavaScript代碼。（對(duì)）14、【判斷】?JavaScript對(duì)字母大小寫(xiě)不敏感。（對(duì)）15、【判斷】?一個(gè)關(guān)鍵字var可以同時(shí)聲明多個(gè)變量名。（對(duì)）項(xiàng)目6瀏覽器對(duì)象模型BOM1、顯

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論