《HTML5+CSS3項(xiàng)目開(kāi)發(fā)》期末試題附答案

《HTML5+CSS3項(xiàng)目開(kāi)發(fā)》期末試卷及答案一、單項(xiàng)選擇題（每題1.5分，共20題）1．HTML5中的()元素可以包含所有通常放在頁(yè)面頭部的內(nèi)容。A.header(正確答案)B.navC.aritcleD.section2．HTML5中的()元素用于頁(yè)面的導(dǎo)航鏈接。A.headerB.nav(正確答案)C.aritcleD.section3.HTML5中()元素經(jīng)常被用于定義一篇日志、一條新聞或用戶評(píng)論等。A.headerB.navC.aritcle(正確答案)D.section4．如何為所有的h1添加背景顏色？A.h1.all{background-color:#FFFFFF}B.h1{background-color:#FFFFFF}(正確答案)C.all.h1{background-color:#FFFFFF}D.h1.{background-color:#FFFFFF}5．鏈接式樣式表的最大優(yōu)勢(shì)在于A.CSS代碼與HTML代碼完全分離(正確答案)B.CSS寫(xiě)在〈head〉與〈/head〉之間C.直接對(duì)HTML的標(biāo)簽使用style屬性D.采用import方式導(dǎo)入樣式表6．CSS3中，:before選擇器屬于()選擇器。A.偽元素(正確答案)B.偽類(lèi)C.屬性D.關(guān)系7．CSS3中，如果某個(gè)父元素僅有一個(gè)子元素，則使用()選擇器不能選擇這個(gè)子元素。A.:nth-child(1)B.:last-childC.:child(正確答案)D.:only-child8．相鄰兄弟選擇器用()符號(hào)連接兩個(gè)元素。A.$B.~C.—D.+(正確答案)9．HTML中有如下代碼：

<h3>產(chǎn)品展示</h3>

<p>產(chǎn)品特色</p>

<p>產(chǎn)品標(biāo)準(zhǔn)</p>

<strong>產(chǎn)品咨詢(xún)</strong>CSS中添加下列哪條代碼，可以給文本“產(chǎn)品標(biāo)準(zhǔn)”添加紅色邊框。（

）A.p:nth-child(3){border:1pxsolidred;}(正確答案)B.p:nth-last-of-type(3){border:1pxsolidred;}C.p:nth-of-type(3){border:1pxsolidred;}D.p:nth-last-of-type(2){border:1pxsolidred;}10．HTML中有代碼：<p>畢業(yè)啦！</p>。CSS中有代碼：

p:before{content:"哇！";}

p:after{content:"再見(jiàn)了母校！";}

預(yù)覽后，頁(yè)面中顯示的文本是什么。（

）A.畢業(yè)啦！哇！再見(jiàn)了母校！B.哇！畢業(yè)啦！再見(jiàn)了母校！(正確答案)C.哇！再見(jiàn)了母校！畢業(yè)啦！D.畢業(yè)啦！11．如何顯示這樣一個(gè)邊框：上邊框10像素、下邊框5像素、左邊框20像素、右邊框1像素？()A.border-width:10px5px20px1pxB.border-width:10pxC.border-width:5px20px10px1pxD.border-width:10px1px5px20px(正確答案)12．使用什么屬性設(shè)置元素的左邊距？()A.text-indentB.indentC.marginD.margin-left(正確答案)13.下列CSS屬性中不屬于設(shè)置背景圖像樣式的是？()A.background-imageB.background-begin(正確答案)C.background-repeatD.background-size14.要實(shí)現(xiàn)背景圖像不重復(fù)，應(yīng)該設(shè)置為？()A.background-repeat:repeatB.background-repeat:repeat-xC.background-repeat:repeat-yD.background-repeat:no-repeat(正確答案)15.在CSS中,設(shè)置背景圖像的標(biāo)記是?()A.background(正確答案)B.backgroundimageC.background-colorD.bkground16.下列選項(xiàng)中,用于指定表單是否有自動(dòng)完成功能的屬性是?()A.actionB.autocomplete(正確答案)C.methodD.novalidate17.在HTML5中,代碼,可以簡(jiǎn)寫(xiě)為?()A.<inputcheckedtype="checkbox"/>(正確答案)B.<inputcheckedcheckbox/>C.<input"checked""checkbox">D.<input"checked"type="checkbox"/>18.HTML5中,用于指定頁(yè)面加載后是否自動(dòng)獲取焦點(diǎn)的input屬性是?()A.form屬性B.autofocus屬性(正確答案)C.multiple屬性D.autocomplete屬性19.下列選項(xiàng)中,input控件的type屬性值是()表示提交按鈕。A).textB.resetC.buttonD.submit(正確答案)20.在3D變形中,指定元素圍繞X軸旋轉(zhuǎn)的函數(shù)是？()A.rotateX()函數(shù)(正確答案)B.rotateY()函數(shù)C.rotateZ()函數(shù)D.rotate3d()方法二、判斷題（每題1分，共10題）1.在CSS3中，可以用3種以上的方式來(lái)表示顏色。對(duì)(正確答案)錯(cuò)2.CSS3樣式表項(xiàng)的組成為：selector{property1:value1,property2:value2,……}對(duì)錯(cuò)(正確答案)3.CSS3中的color屬性用于設(shè)置HTML元素的背景顏色。對(duì)錯(cuò)(正確答案)4.在使用rgba模式時(shí)，a數(shù)值表示透明度，取值為1時(shí)表示完全透明。對(duì)錯(cuò)(正確答案)5.在網(wǎng)頁(yè)中使用圖像時(shí)應(yīng)該盡量使用更多的格式。對(duì)錯(cuò)(正確答案)6.在網(wǎng)頁(yè)中插入背景音樂(lè)時(shí)，不應(yīng)設(shè)置controls屬性，這樣就不顯示播放控件。對(duì)(正確答案)錯(cuò)7.一個(gè)網(wǎng)頁(yè)中只能包含一個(gè)表單。對(duì)錯(cuò)(正確答案)8.在HTML表單中，文本框、口令框和復(fù)選框都是用INPUT標(biāo)記符生成的。對(duì)(正確答案)錯(cuò)9.display屬性設(shè)置為inline-block時(shí)，元素將顯示為行內(nèi)塊元素。對(duì)(正確答案)錯(cuò)10.使用transition屬性設(shè)置過(guò)渡效果時(shí)，需要指定設(shè)置過(guò)渡效果的另外一個(gè)CSS屬性。對(duì)(正確答案)錯(cuò)三、填空題（每題2分，共10題）1.使用媒體查詢(xún)時(shí)，最常用的媒體屬性是max-width和

(答案：min-width)

2.在JQuery中，要選取當(dāng)前HTML元素，應(yīng)使用的選擇器是

。(答案：＄(this))

3.CSS定位屬性position的取值包括：static、relative、

和fixed(答案：absolute)4.

在網(wǎng)頁(yè)中插入音頻或視頻時(shí)，控制循環(huán)播放的屬性是

(答案：loop)5.

網(wǎng)頁(yè)中插入圖像時(shí)，最基本的兩個(gè)屬性是

和alt。(答案：src)6.在HTML表格中進(jìn)行單元格合并時(shí)，可以使用TD或TH的

屬性進(jìn)行行合并。(答案：rowspan)7.在表單中添加選項(xiàng)菜單時(shí)，應(yīng)使用select和

標(biāo)記符。(答案：option)8.在CSS定位屬性中，

定義了定位元素右邊距邊界與其包含塊右邊界之間的偏移。(答案：right)9.在CSS3中，可以使用

屬性實(shí)現(xiàn)圓角效果。(答案：border-radius)10.display屬性設(shè)置為