Web前端開發(fā)基礎(chǔ)知到智慧樹章節(jié)測試課后答案2024年秋蘭州石化職業(yè)技術(shù)大學(xué)

Web前端開發(fā)基礎(chǔ)知到智慧樹章節(jié)測試課后答案2024年秋蘭州石化職業(yè)技術(shù)大學(xué)第一章單元測試

Dreamweaver中，使用瀏覽器預(yù)覽網(wǎng)頁的快捷鍵是（）。

A:F5

B:Ctrl+F12

C:F12

D:Ctrl+S

答案:Ctrl+F12

外部事件＜html＞標(biāo)記標(biāo)志著HTML文檔的開始，＜/html＞標(biāo)記標(biāo)志著HTML文檔的結(jié)束。（）

A:錯B:對

答案:對一個HTML5文檔可以含有多對＜head＞標(biāo)記。（）

A:對B:錯

答案:錯瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于＜body＞標(biāo)記內(nèi)（）

A:對B:錯

答案:對一個HTML5文檔只能有一對＜body＞標(biāo)記，切＜body＞標(biāo)記必須在＜html＞標(biāo)記內(nèi)。（）。

A:對B:錯

答案:對＜!DOCTYPE＞標(biāo)記和瀏覽器的兼容性無關(guān)，為了代碼簡潔，可以刪掉。（）。

A:錯B:對

答案:錯＜title＞標(biāo)記用于定義HTML5文檔的頭部信息，也稱為頭部標(biāo)記。（）

A:錯B:對

答案:錯

第二章單元測試

HTML5中（）元素可替代＜divid=“footer”＞＜/div＞標(biāo)記來定義頁面底部。（）。

A:footer

B:aside

C:nav

D:Header2

答案:footer

在定義列表中，用于對名詞進(jìn)行解釋和描述的標(biāo)記是（）。

A:“＜dl＞＜/dl＞”

B:“＜dd＞＜/dd＞”

C:“＜li＞＜/li＞”

D:“＜dt＞＜/dt＞”

答案:“＜dd＞＜/dd＞”

下列選項(xiàng)中，屬于定義有序列表相關(guān)屬性的是（）

A:type

B:start

C:background

D:value

答案:type

；start

；value

HTML5中，article元素代表文檔、頁面或者應(yīng)用程序中與上下文不相關(guān)的獨(dú)立部分。（）

A:錯B:對

答案:對在HTML5中，一個網(wǎng)頁中可以使用多個header元素，也可以為每一個內(nèi)容塊添加header元素。（）

A:錯B:對

答案:對

第三章單元測試

下列選項(xiàng)中，符合后代選擇器書寫要求的是（）。

A:p.strong{font-weight:bold;}

B:p,strong{font-weight:bold;}

C:p#div{font-weight:bold;}

D:pstrong{font-weight:bold;}

答案:pstrong{font-weight:bold;}

下面的選項(xiàng)中，類選擇器的基本語法格式正確的是（）。

A:.類名{屬性1:”屬性值1”;屬性2:”屬性值2”;屬性3:”屬性值3”;}

B:.類名{屬性值1;屬性值2;屬性值3;}

C:.類名{屬性1:屬性值1,屬性2:屬性值2,屬性3:屬性值3;}

D:.類名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}

答案:.類名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}

在CSS中，兩個或多個基礎(chǔ)選擇器可以通過不同的方式進(jìn)行組合。下列寫法錯誤的是（）。

A:.myDiv.mySpan

B:.myDiv#mySpa

C:myDiv.mySpan

D:myDiv.mySpan

答案:.myDiv#mySpa

通配符選擇器用“*”號表示，能匹配頁面中所有的元素。（）

A:錯B:對

答案:對類選擇器使用“#”進(jìn)行標(biāo)識，后面緊跟類名。（）

A:錯B:對

答案:錯通配符選擇器設(shè)置的樣式對所有的HTML標(biāo)記都生效，不管標(biāo)記是否需要該樣式，這樣反而降低了代碼的執(zhí)行速度。（）

A:錯B:對

答案:對id選擇器使用“*“進(jìn)行標(biāo)識，后面緊跟id名。（）。

A:對B:錯

答案:錯標(biāo)記選擇器是指用HTML標(biāo)記名稱作為選擇器，為頁面中某一類標(biāo)記指定統(tǒng)一的CSS樣式。（）。

A:錯B:對

答案:對大多數(shù)HTML元素都可以定義id屬性，元素的id值是唯一的，只能對應(yīng)于文檔中某一個具體的元素。（）

A:錯B:對

答案:對在很多瀏覽器下，同一個id可以應(yīng)用于多個標(biāo)記，瀏覽器并不報錯，因此這種做法是合法的。（）

A:錯B:對

答案:錯

第四章單元測試

CSS3中，（）主要用來選擇某個元素的第一級子元素。

A:兄弟選擇器

B:屬性選擇器

C:偽類選擇器

D:子代選擇器

答案:子代選擇器

CSS3中，:after偽元素選擇器所插入的內(nèi)容可以為文字或者圖片。（）

A:對B:錯

答案:對CSS3中，E[att^=value]屬性選擇器是指選擇名稱為E的標(biāo)記，且該標(biāo)記定義了att屬性，att屬性值包含后綴為value的子字符串。（）

A:對B:錯

答案:錯在CSS3中，子代選擇器屬于關(guān)系選擇器。（）

A:對B:錯

答案:對CSS3中，臨近兄弟選擇器使用減號“－”來鏈接前后兩個選擇器。（）

A:對B:錯

答案:錯

第五章單元測試

CSS背景復(fù)合屬性中，各個屬性間用逗號隔開。（）

A:錯B:對

答案:錯外邊距指的是元素邊框與相鄰元素之間的距離。（）

A:錯B:對

答案:對寬度屬性width和高度屬性height對塊元素?zé)o效。（）

A:對B:錯

答案:錯在徑向漸變過程中，起始顏色會從一個中心點(diǎn)開始，依據(jù)橢圓或圓形形狀進(jìn)行擴(kuò)張漸變。（）

A:錯B:對

答案:對CSS3中的box-shadow屬性設(shè)置“inset”參數(shù)值后，陰影類型變?yōu)閮?nèi)陰影。（）

A:對B:錯

答案:對下列樣式代碼中，用于定義盒子上邊框?yàn)?像素、藍(lán)色、單實(shí)線的是（）。

A:border-top:1pxdashedblue;

B:border:1pxdashedblue;

C:border-top:1pxsolidblue;

D:border:1pxsolidblue;

答案:border-top:1pxsolidblue;

下列選項(xiàng)中，用于更改元素左內(nèi)邊距的是（）。

A:text-indent

B:margin-left

C:padding-right

D:padding-left

答案:padding-left

關(guān)于樣式代碼“.box{width:200px;padding:15px;margin:20px;}”下列說法正確的是（）。

A:.box的總寬度為200px

B:說法均錯誤

C:.box的總寬度為235px

D:.box的總寬度為270px

答案:.box的總寬度為270px

下列選項(xiàng)中，屬于邊框樣式常用屬性值的是（）。

A:solid

B:dotted

C:none

D:dashed

答案:solid

；dotted

；none

；dashed

下列關(guān)于＜div＞標(biāo)記的描述正確的是（）。

A:＜div＞中還可以嵌套多層＜div＞。

B:＜div＞與＜/div＞之間相當(dāng)于一個容器，可以容納段落、標(biāo)題、圖像等各種網(wǎng)頁元素。

C:＜div＞可定義文檔中的分區(qū)或節(jié)。

D:所有的HTML標(biāo)記都可以嵌套在＜div＞中。

答案:＜div＞中還可以嵌套多層＜div＞。

；＜div＞與＜/div＞之間相當(dāng)于一個容器，可以容納段落、標(biāo)題、圖像等各種網(wǎng)頁元素。

；＜div＞可定義文檔中的分區(qū)或節(jié)。

第六章單元測試

下列樣式代碼中，可以實(shí)現(xiàn)絕對定位模式的是（）。

A:position:static;

B:position:fixed;

C:position:relative;

D:position:absolute;

答案:position:absolute;

＜div＞標(biāo)記是網(wǎng)頁布局中最常用的標(biāo)記，其顯示類型為（）。

A:行內(nèi)類型

B:浮動類型

C:行內(nèi)塊類型

D:塊級類型

答案:塊級類型

下列樣式代碼中，可以將＜span＞標(biāo)記轉(zhuǎn)換為塊元素的是（）。

A:display:inline;

B:display:block;

C:display:none;

D:display:inline-block;

答案:display:block;

關(guān)于元素的相對定位模式，下列說法正確的是（）。

A:可通過邊偏移屬性改變相對定位元素的位置

B:當(dāng)position屬性的取值為absolute時，可以將元素定位于相對位置

C:相對定位是將元素相對于他在標(biāo)準(zhǔn)文檔流中的位置進(jìn)行定位

D:應(yīng)用相對定位后，元素在文檔流中的位置將消失

答案:可通過邊偏移屬性改變相對定位元素的位置

；相對定位是將元素相對于他在標(biāo)準(zhǔn)文檔流中的位置進(jìn)行定位

下列選項(xiàng)中，屬于行內(nèi)元素的是（）。

A:＜span＞

B:＜em＞

C:＜strong＞

D:＜a＞

答案:＜span＞

；＜em＞

；＜strong＞

；＜a＞

關(guān)于元素的靜態(tài)定位模式，下列說法正確的是（）。

A:可以通過邊偏移屬性來改變靜態(tài)定位元素的位置

B:當(dāng)position屬性的取值為static時，可以將元素定位于靜態(tài)位置

C:靜態(tài)定位時各個元素在HTML文檔流中默認(rèn)的位置

D:靜態(tài)定位是元素的默認(rèn)定位方式

答案:當(dāng)position屬性的取值為static時，可以將元素定位于靜態(tài)位置

；靜態(tài)定位時各個元素在HTML文檔流中默認(rèn)的位置

；靜態(tài)定位是元素的默認(rèn)定位方式

下列選項(xiàng)中，屬于塊級元素的是（）。

A:＜ul＞

B:＜h1＞

C:＜p＞

D:＜div＞

答案:＜ul＞

；＜h1＞

；＜p＞

；＜div＞

overflow屬性用于規(guī)范溢出內(nèi)容的顯示方式，下列選項(xiàng)中屬于overflow常用屬性值的是（）。

A:visible

B:scroll

C:auto

D:hidden

答案:visible

；scroll

；auto

；hidden

＜span＞是一個行內(nèi)元素，它需要設(shè)置display屬性值為block后才能設(shè)置寬高。()

A:錯B:對

答案:對＜span＞是一個行內(nèi)元素，＜span＞與＜/span＞之間不能嵌套多層＜span＞。()

A:錯B:對

答案:錯

第七章單元測試

給input控件應(yīng)用以下CSS樣式：

“background、url(images/1.jpg)no-repeat5pxcenter#FFF;”

上述代碼的含義是（）。

A:定義input控件的背景

B:定義input控件的內(nèi)邊距

C:定義input控件的文本寬高

D:定義input控件的文本顏色

答案:定義input控件的背景

＜form＞與＜/form＞之間的表單控件是由用戶自定義的。下列選項(xiàng)中，不屬于表單標(biāo)記＜form＞常用屬性的是（）。

A:action

B:size

C:method

D:name

答案:size

下列選項(xiàng)中，用于提供輸入數(shù)值的文本框的input元素類型是（）。

A:number類型

B:email類型

C:url類型

D:tel類型

答案:number類型

output元素用于不同類型的輸出，下列屬于output元素屬性的是（）。

A:for屬性

B:disabled屬性

C:form屬性

D:name屬性

答案:for屬性

；form屬性

；name屬性

下列選項(xiàng)中，屬于input控件的是（）。

A:復(fù)選框

B:單選按鈕

C:單行文本輸入框

D:提交按鈕

答案:復(fù)選框

；單選按鈕

；單行文本輸入框

；提交按鈕

在HTML中，＜form＞＜/form＞標(biāo)記用于定義表單域，即創(chuàng)建一個表單，以實(shí)現(xiàn)用戶信息的收集和傳遞。()

A:錯B:對

答案:對datalist元素用于定義輸入框的選項(xiàng)列表，列表通過datalist內(nèi)的option元素進(jìn)行創(chuàng)建。()

A:對B:錯

答案:對color類型用于提供設(shè)置顏色的文本框，用于實(shí)現(xiàn)一個RGB顏色輸入。()

A:對B:錯

答案:對在定義單選按鈕時，必須為同一組中的選項(xiàng)指定相同的name值，這樣“單選”才會生效。()

A:對B:錯

答案:對＜textarea＞用來定義單行文本框。()

A:錯B:對

答案:錯

第八章單元測試

運(yùn)用HTML5的下列哪個標(biāo)簽可以在頁面中嵌入視頻或音頻文件（）。

A:img

B:body

C:video

D:title

答案:video

下面的選項(xiàng)中，哪個不是音頻格式（）。

A:Vorbis

B:MP3

C:Wav

D:Ogg

答案:Ogg

在網(wǎng)頁設(shè)計中，多媒體技術(shù)主要是指在網(wǎng)頁上運(yùn)用下列哪個選項(xiàng)傳遞信息的一種方式（）。

A:動畫

B:表格

C:圖片

D:音頻視頻

答案:音頻視頻

source元素中的type用于指定媒體文件的URL地址。（）

A:對B:錯

答案:錯在HTML5中，經(jīng)常會通過為video元素添加寬高的方式給視頻預(yù)留一定的空間。（）

A:錯B:對

答案:對在HTML5中，運(yùn)用source元素可以為video元素或audio元素提供多個備用文件。（）

A:對B:錯

答案:對html5支持Ogg、MPEG4和WebM的視頻格式以及Vorbis、MP3和Wav的音頻格式，但各瀏覽器對這些格式卻不完全支持。（）。

A:對B:錯

答案:對運(yùn)用HTML5的audio標(biāo)簽可以在頁面中嵌入視頻或音頻文件。（）

A:對B:錯

答案:對音頻編碼器主要用于對數(shù)據(jù)流進(jìn)行編碼操作，解碼器主要用于對音頻文件進(jìn)行解碼。（）

A:錯B:對

答案:對視頻編解碼器定義了多媒體數(shù)據(jù)流編碼和解碼的算法。其中編碼器主要是對數(shù)據(jù)流進(jìn)行編碼操作，用于存儲和傳輸。（）

A:錯B:對

答案:錯

第九章單元測試

下列選項(xiàng)中，用于定義過渡效果花費(fèi)時間的屬性是（）。

A:transition-timing-function屬性

B:transition-duration屬性

C:transition-property屬性

D:transition-delay屬性

答案:transition-duration屬性

下列選項(xiàng)中，用于指定應(yīng)用過渡效果的CSS屬性名稱的屬性是（）。

A:transition-delay屬性

B:transition-duration屬性

C:transition-timing-function屬性

D:transition-property屬性

答案:transition-property屬性

下列選項(xiàng)中，屬于transition-timing-function屬性取值的有（）。

A:ease-out

B:ease

C:linear

D:ease-in

答案:ease-out

；ease

；linear

；ease-in

下列選項(xiàng)中，屬于animation-timing-function常用屬性值的是（）。

A:linear

B:ease-in-out

C:ease-in

D:ease-out

答案:linear

；ease-in-out

；ease-in

；ease-out

transition-property屬性設(shè)置的過渡效果通常在用戶將指針離開元素上