2022-2023學(xué)年度第二學(xué)期《Web前端開(kāi)發(fā)》期末考試（理論）

2022-2023學(xué)年度第二學(xué)期《Web前端開(kāi)發(fā)》期末考試（理論）您的姓名：[填空題]*_________________________________一、填空題:1.在video標(biāo)簽的語(yǔ)法格式中，______屬性用于設(shè)置視頻文件的路徑。[填空題]*空1答案：src2.______標(biāo)簽用于為頁(yè)面添加音頻。[填空題]*空1答案：audio3.在網(wǎng)頁(yè)中插入音頻時(shí)，______屬性可以讓音頻具有循環(huán)播放功能。[填空題]*空1答案：loop4.為網(wǎng)頁(yè)添加過(guò)渡效果時(shí)，______屬性用于定義過(guò)渡效果持續(xù)的時(shí)間。[填空題]*空1答案：transition-duration5.在網(wǎng)頁(yè)中，運(yùn)用______屬性可以為video標(biāo)簽設(shè)置高度。[填空題]*空1答案：width6.行內(nèi)式也稱(chēng)為內(nèi)聯(lián)樣式，是通過(guò)標(biāo)簽的______屬性來(lái)設(shè)置元素的樣式。[填空題]*空1答案：style7.在CSS中，用于設(shè)置行間距的屬性是______，一般稱(chēng)為行高。[填空題]*空1答案：line-height8.text-decoration是文本修飾屬性，其屬性值______是用來(lái)設(shè)置下畫(huà)線(xiàn)的。[填空題]*空1答案：text-decoration9.id選擇器使用______進(jìn)行標(biāo)示，后面緊跟id名。[填空題]*空1答案：#10.在CSS中，用于調(diào)整元素內(nèi)容與邊框之間的距離的是______屬性。[填空題]*空1答案：padding二、判斷題1.在不同的瀏覽器上運(yùn)用audio標(biāo)簽時(shí)，瀏覽器顯示音頻界面樣式相同。[判斷題]*對(duì)錯(cuò)(正確答案)2.transition-timing-function屬性規(guī)定過(guò)渡效果中速度的變化。[判斷題]*對(duì)(正確答案)錯(cuò)3.transition-property屬性用于指定應(yīng)用過(guò)渡效果的HTML標(biāo)簽的名稱(chēng)。[單選題]對(duì)錯(cuò)(正確答案)4.在網(wǎng)頁(yè)中，給視頻定義寬度和高度會(huì)導(dǎo)致頁(yè)面混亂。[判斷題]*對(duì)錯(cuò)(正確答案)5.transition-delay的屬性值只能為正整數(shù)。[判斷題]*對(duì)錯(cuò)(正確答案)6.transform屬性可以實(shí)現(xiàn)網(wǎng)頁(yè)中元素的動(dòng)畫(huà)效果。[判斷題]*對(duì)錯(cuò)(正確答案)7.perspective屬性的透視效應(yīng)由屬性值決定，屬性值越大，透視效果越突出。[判斷題]*對(duì)錯(cuò)(正確答案)8.animation-duration屬性用于定義整個(gè)動(dòng)畫(huà)效果完成所需要的時(shí)間。[判斷題]*對(duì)(正確答案)錯(cuò)9.animation-delay屬性用于定義執(zhí)行動(dòng)畫(huà)效果延遲的時(shí)間。[判斷題]*對(duì)(正確答案)錯(cuò)10.在網(wǎng)頁(yè)中，使用animation屬性時(shí)必須指定animation-name和animation-duration屬性，否則動(dòng)畫(huà)效果將不會(huì)播放。[判斷題]*對(duì)錯(cuò)(正確答案)三、選擇題1.當(dāng)頁(yè)面載入完成后，可以自動(dòng)播放視頻的屬性是（）[單選題]*A、autoplay(正確答案)B、loopC、preloadD、poster2.在CSS3中，可以實(shí)現(xiàn)平移效果的屬性是。（）[單選題]*A、translate()(正確答案)B、scale()C、skew()D、rotate()3.在CSS3中，可以實(shí)現(xiàn)旋轉(zhuǎn)效果的屬性是（）[單選題]*A、translate()B、scale()C、skew()D、rotate()(正確答案)4.下列選項(xiàng)中，可以同時(shí)設(shè)置X軸和Y軸旋轉(zhuǎn)的屬性是（）[單選題]*A、rotateXY()B、rotate3d()(正確答案)C、perspectiveD、rotate()5.下列選項(xiàng)中，用于定義動(dòng)畫(huà)播放次數(shù)的屬性是（）。[單選題]*A、animation-directionB、animation-iteration-count(正確答案)C、animationD、animation-duration6.下列選項(xiàng)中，用于定義當(dāng)前動(dòng)畫(huà)播放方向的屬性是（）[單選題]*A、animation-direction(正確答案)B、animation-iteration-countC、animationD、animation-duration7.下列選項(xiàng)中，用于清除超鏈接默認(rèn)的下畫(huà)線(xiàn)的是（）[單選題]*A、text-decoration:none;(正確答案)B、text-decoration:underline;C、text-decoration:overline;D、text-decoration:line-through;8.下列代碼中，可以用于清除鏈接圖像邊框的是（）[單選題]*A、border:0;(正確答案)B、margin:0;C、padding:0;D、list-style:none;9.下列代碼中，用于清除列表默認(rèn)樣式的是（）[單選題]*A、list-style:none;(正確答案)B、list-style:0;C、list-style:zero;D、list-style:delete;10.CSS中，通過(guò)鏈接偽類(lèi)可以實(shí)現(xiàn)不同的鏈接狀態(tài)，下列說(shuō)法錯(cuò)誤的是（）。[單選題]*A、a:link{CSS樣式規(guī)則;}超鏈訪(fǎng)問(wèn)時(shí)的狀態(tài)(正確答案)B、a:visited{CSS樣式規(guī)則;}訪(fǎng)問(wèn)后超鏈接的狀態(tài)C、a:hover{CSS樣式規(guī)則;}鼠標(biāo)經(jīng)過(guò)、懸停時(shí)超鏈接的狀態(tài)D、a:active{CSS樣式規(guī)則;}鼠標(biāo)點(diǎn)擊不動(dòng)時(shí)超鏈接的狀態(tài)11.在定義列表中，用于對(duì)名詞進(jìn)行解釋和描述的標(biāo)簽是（）[單選題]*A、<dl></dl>B、<li></li>C、<dt></dt>D、<dd></dd>(正確答案)12.設(shè)置超鏈接<a>標(biāo)簽中<img>的border樣式為none，下列代碼書(shū)寫(xiě)正確的是（）。[單選題]*A、a.img{border:none;}B、a#img{border:none;}C、aimg{border:none;}(正確答案)D、a.img{border:none;}13.若超鏈接的href屬性，需要鏈接到list頁(yè)面中的one錨點(diǎn)，以下書(shū)寫(xiě)正確的是（）[單選題]*A、list.htmlB、#one.listC、list#oneD、list.html#one(正確答案)14.下面選項(xiàng)中，可以改變盒子模型外邊距的是（）。[單選題]*A、paddingB、margin(正確答案)C、typeD、border15.將一個(gè)盒子的上邊框定義為1像素、藍(lán)色、單實(shí)線(xiàn)，下列代碼正確的是（）。[單選題]*A、border-top:1pxsolid#00f;(正確答案)B、border:1pxsolid#00f;C、border-top:1pxdashed#00f;D、border:1pxdashed#00f;四、多選題1關(guān)于定義無(wú)序列表的基本語(yǔ)法格式，以下描述正確的是（）*A、<ul></ul>標(biāo)簽用于定義無(wú)序列表。(正確答案)B、<li></li>標(biāo)簽嵌套在<ul></ul>標(biāo)簽中，用于描述具體的列表項(xiàng)。(正確答案)C、每對(duì)<ul></ul>中至少應(yīng)包含一對(duì)<li></li>。(正確答案)D、<li>不可以定義type屬性，只能使用CSS樣式屬性代替。2.關(guān)于設(shè)置背景圖像的代碼片段background:url(images/book.png)no-repeatleftcenter;，下列描述正確的是（）*A、url(images/book.png)設(shè)置網(wǎng)頁(yè)的背景圖像(正確答案)B、no-repeat設(shè)置背景圖像不平鋪(正確答案)C、leftcenter用于控制背景圖像的位置(正確答案)D、在上面的代碼中，各個(gè)樣式順序任意(正確答案)3.下列選項(xiàng)中，屬于transition-property屬性值的是（）。*A、none(正確答案)B、all(正確答案)C、bothD、property(正確答案)4.關(guān)于transition屬性的描述，下列說(shuō)法正確的是（）。*A、transition屬性是一個(gè)復(fù)合屬性(正確答案)B、設(shè)置多個(gè)過(guò)渡效果時(shí)，各個(gè)參數(shù)必須按照順序進(jìn)行定義(正確答案)C、設(shè)置多個(gè)過(guò)渡效果時(shí)，各個(gè)參數(shù)不必按照順序進(jìn)行定義D、設(shè)置多個(gè)過(guò)渡效果時(shí)，各個(gè)參數(shù)用逗號(hào)進(jìn)行分隔(正確答案)5.關(guān)于video標(biāo)簽的描述，下面說(shuō)法正確的是（）。*A、video是一個(gè)視頻標(biāo)簽(正確答案)B、video是一個(gè)音頻標(biāo)簽C、video標(biāo)簽中可以添加autoplay屬性(正確答案)D、在<video>和</video>之間可以插入文字(正確答案)6.下列選項(xiàng)中，屬于video標(biāo)簽的屬性是（）。*A、autoplay(正確答案)B、loop(正確答案)C、src(正確答案)D、controls(正確答案)7.下列選項(xiàng)中，屬于float屬性值的是（）。*A、left(正確答案)B、centerC、right(正確答案)D、none(正確答案)8.下列選項(xiàng)中，屬于overflow常用屬性值的是（）。*A、visible(正確答案)B