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

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

在下列的HTML中，哪個是最大的標題？（）

A:h1

B:h3

C:h2

D:h6

答案:h1

在下列的HTML中，哪個可以產(chǎn)生超鏈接？（）

A:＜ahref=""＞百度＜/a＞

B:＜aurl=""＞百度＜/a＞

C:＜aname=""＞百度＜/a＞

D:＜asrc=""＞百度＜/a＞

答案:＜ahref=""＞百度＜/a＞

Web標準的制定者是？（）

A:微軟Microsoft

B:網(wǎng)景公司Netscape

C:Javasun公司

D:萬維網(wǎng)聯(lián)盟W3C

答案:萬維網(wǎng)聯(lián)盟W3C

在下列的HTML中，哪個是有序列表標簽？（）

A:olli

B:ulli

C:dldt

D:dldd

答案:olli

在CSS中，使用了#demop{}選擇器，表示什么意思？（）

A:表示該CSS聲明將作用于id為demo下的所有后代元素p標簽

B:表示該CSS聲明將作用于類為demo下的所有后代元素p標簽

C:表示該CSS聲明將作用于id為demo下的直接子元素p標簽

D:表示該CSS聲明將作用于類為demo下的直接子元素p標簽

答案:表示該CSS聲明將作用于id為demo下的所有后代元素p標簽

＜title＞標簽在＜html＞中哪個位置？（）

A:任意位置都可以

B:在＜body＞內(nèi)部

C:在＜head＞和＜body＞之間

D:在＜head＞內(nèi)部

答案:在＜head＞內(nèi)部

如何在HTML中添加注釋？（）

A:＜!--注釋內(nèi)容--＞

B://注釋

C:/*注釋*/

D:/**注釋**/

答案:＜!--注釋內(nèi)容--＞

若要開發(fā)符合Web標準的網(wǎng)站，就要理解結(jié)構(gòu)和表現(xiàn)分離，下面哪個是表現(xiàn)的標準語言？（）

A:CSS

B:XHTML

C:HTML

D:ECMAScript

答案:CSS

Web前端開發(fā)的作用是什么？（）

A:把前端頁面呈現(xiàn)給用戶

B:把數(shù)據(jù)存在數(shù)據(jù)庫中

C:把圖片設(shè)計得更漂亮

D:把計算機用硬件連接起來

答案:把前端頁面呈現(xiàn)給用戶

Web前端開發(fā)的核心技術(shù)有哪些？（）

A:CSS

B:Java

C:JavaScript

D:HTML

答案:CSS

；JavaScript

；HTML

第二章單元測試

下列標簽中，屬于塊級元素的的是？（）

A:input

B:a

C:div

D:span

答案:div

CSS一般是利用什么標簽來構(gòu)建頁面布局？（）

A:li

B:table

C:div

D:p

答案:div

給一個盒子設(shè)置左右填充分別為10px和20px后，如果要求盒子在頁面中占的總寬度不變，那么應(yīng)該讓盒子的寬度減少多少像素？（）

A:不需要減少

B:10px

C:20px

D:30px

答案:30px

在margin:15px10px13px8px;代碼段中，左邊距的值是多少？（）

A:10px

B:8px

C:13px

D:15px

答案:8px

如何在CSS文件中添加注釋？（）

A://注釋

B:＜!--注釋內(nèi)容--＞

C:/**注釋**/

D:/*注釋*/

答案:/*注釋*/

下面哪個選項將用于創(chuàng)建一個名為demo的ID，它的寬度為700像素，高度為50像素，文本的顏色為紅色（）。

A:#header{width:700px;height:50px;color:inherit;}

B:.header{width:700px;height:50px;text-color:inherit;}

C:.header{width:700px;height:50px;color:inherit;}

D:#header{width:50px;height:700px;color:inherit;}

答案:#header{width:700px;height:50px;color:inherit;}

在.demo{width:100px;height:100px;background-color:red}代碼段中，若想把demo以一個圓形呈現(xiàn)，該如何設(shè)置border-radius屬性值？（）

A:border-radius:50%;

B:border-radius:100px;

C:border-radius:0;

D:border-radius:50px;

答案:border-radius:50%;

超鏈接偽元素中，哪個屬性表示未訪問的超鏈接？（）

A::link

B::visited

C::active

D::hover

答案::link

按順序排列，border-radius的四個值是？（）

A:上、右、下、左

B:左上、左下、右下、右上

C:上、下、左、右

D:左上，右上，右下，左下

答案:左上，右上，右下，左下

下面哪個選項是設(shè)置字體大小的正確方法？（）

A:p{font-size:200%;}

B:p{text-size:200%;}

C:p{font-size:200;}

D:p{font-size:200px;}

答案:p{font-size:200%;}

；p{font-size:200px;}

第三章單元測試

在網(wǎng)頁上，表單中的input元素的type屬性為（）時，用于創(chuàng)建重置按鈕。

A:button

B:reset

C:set

D:image

答案:reset

下面哪個屬性是指盒子模型的邊距？（）

A:border

B:padding

C:margin

D:content

答案:margin

下面的屬性不屬于＜td＞標簽的有（）。

A:border

B:align

C:colspan

D:rowspan

答案:border

常見的行內(nèi)元素有哪些？（）

A:<a/>B:<img/>C:<br/>D:<span>

答案:<a/>；<img/>；<br/>；<span>下面對行內(nèi)元素特點表述正確的是（）

A:設(shè)置margin只有上下有效，左右無效果

B:設(shè)置高度height無效

C:設(shè)置寬度width無效

D:設(shè)置padding只有上下有效，左右無效果

答案:設(shè)置高度height無效

；設(shè)置寬度width無效

如果要使多個div并列排列，應(yīng)使用（）。

A:content

B:float

C:Clear

D:margin

答案:float

下面情況中，哪些會發(fā)生margin屬性的疊加（）。

A:元素的頂邊界與底邊界發(fā)生疊加

B:空元素中已經(jīng)疊加的邊界與另一個空元素的邊界發(fā)生疊加

C:元素的頂邊界于父元素的頂邊界發(fā)生疊加

D:元素的頂邊界與前面元素的底邊界發(fā)生疊加

答案:元素的頂邊界與底邊界發(fā)生疊加

；空元素中已經(jīng)疊加的邊界與另一個空元素的邊界發(fā)生疊加

；元素的頂邊界于父元素的頂邊界發(fā)生疊加

；元素的頂邊界與前面元素的底邊界發(fā)生疊加

下列對表格的表達正確的是（）。

A:tbody定義表格的主體

B:tfoot定義表格的頁腳

C:caption定義表格標題

D:thead定義表格的頁眉

答案:tbody定義表格的主體

；tfoot定義表格的頁腳

；caption定義表格標題

；thead定義表格的頁眉

在下面的HTML語句中，＜input

type=”radio”

value=”v1”checked

name=”R1”＞男，該標記的name屬性可要可不要，因為它對單選按鈕的功能設(shè)計不產(chǎn)生任何影響。（）

A:對B:錯

答案:錯如果不給父級設(shè)定position為relative的話，那設(shè)置的absolute標簽元素是根據(jù)body來定位的。（）

A:錯B:對

答案:對

第四章單元測試

如何給CSS3中的元素添加陰影？（）

A:shadow:5px5px5px#666;

B:shadow-color:inherit;

C:box-shadow:5px5px5px#666;

D:text-shadow:5px5px5px#666;

答案:box-shadow:5px5px5px#666;

如何顯示這樣一個邊框：上邊框10像素、下邊框5像素、左邊框20像素、右邊框1像素？（）

A:border-width:10px1px5px20px;

B:border-width:5px20px10px1px

C:border-width:10px5px20px1px;

D:border-width:10px20px5px1px;

答案:border-width:10px1px5px20px;

通過jQuery，選擇器$(“div”)選取什么元素？（）

A:id為div的元素;

B:首個div元素;

C:類為div的元素

D:所有的div元素;

答案:所有的div元素;

下列哪種方式是用后代選擇器定義樣式的？（）

A:.box{}

B:.box＞p{}

C:.boxp{}

D:p.box{}

答案:.boxp{}

下列哪個樣式定義后,行內(nèi)元素就可以定義寬度和高度？（）

A:display:inheric;

B:display:block;

C:display:none;

D:display:inline;

答案:display:block;

下面哪個jQuery方法用于隱藏被選元素？（）

A:hide()

B:hidden()

C:visible(false)

D:display:none;

答案:hide()

當鼠標經(jīng)過列表元素時，其包含的圖片變透明（透明度為0.7），該如何設(shè)置？（）

A:li:linkimg{opacity:0.7;};

B:li:hoverimg{rgba:0.7;};

C:li:hoverimg{opacity:0.7;};

D:li:linkimg{display:0.7;};

答案:li:hoverimg{opacity:0.7;};

jQuery是通過哪種腳本語言編寫的？（）

A:VBScript

B:C++

C:JavaScript

D:Java

答案:JavaScript

CSS代碼：#container{margin:0auto;width:85%;}，此代碼的含義是什么？（）

A:可變寬度網(wǎng)頁不居中

B:固定寬度網(wǎng)頁不居中

C:可變寬度網(wǎng)頁居中

D:固定寬度網(wǎng)頁居中

答案:可變寬度網(wǎng)頁居中

浮動會讓元素塌陷。即被浮動元素的父元素不具有高度。例如一個父元素包含了浮動元素，它將塌陷，其高度為0。你可以按以下哪些方法處理?（）

A:使用clearfix;

B:設(shè)置父元素浮動。

C:在浮動元素后加個div設(shè)置clear:both;height:0;overflow:hidden;

D:在緊接著父元素后面的元素設(shè)置clear:both;清除浮動

答案:使用clearfix;

；設(shè)置父元素浮動。

；在浮動元素后加個div設(shè)置clear:both;height:0;overflow:hidden;

；在緊接著父元素后面的元素設(shè)置clear:both;清除浮動

第五章單元測試

如果背景圖像比容器小，默認情況下會發(fā)生什么？（）

A:圖像會按比例放大，撐滿容器，多余的會被剪切

B:圖像只顯示一張，其余地方留白

C:圖像被拉伸撐滿整個容器

D:圖像會被平鋪覆蓋整個容器

答案:圖像會被平鋪覆蓋整個容器

當上下兩個容器都設(shè)置了外邊距為20px，那么這兩個盒子的垂直外邊距和是多少？（）

A:20px

B:80px

C:40px

D:10px

答案:20px

CSS代碼：.box{width:100px;height:50px;}，若想使盒子里的單行文本水平和垂直居中，該如何設(shè)置？（）

A:margin:0auto;line-height:50px;

B:text-align:center;line-height:100px;

C:margin:0auto;text-align:center;

D:text-align:center;line-height:50px;

答案:text-align:center;line-height:50px;

下列哪項是設(shè)置了絕對定位？（）

A:position:relative；

B:position:inherit；

C:position:absolute；

D:position:fixed；

答案:position:absolute；

下列哪項是設(shè)置字體大小為20px，且字體加粗，并添加下劃線？（）

A:p{font-size:20px;font-weight:normal;text-decoration:underline;}

B:p{font-size:20px;font-weight:bold;text-decoration:nonee;}

C:p{size:20px;font-weight:bold;text-decoration:underline;}

D:p{font-size:20px;font-weight:bold;text-decoration:underline;}

答案:p{font-size:20px;font-weight:bold;text-decoration:unde