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

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

第一章測試

在下列的HTML中，哪個是最大的標(biāo)題？（）

A:h2

B:h3

C:h1

D:h6

答案:h1

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

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

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

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

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

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

Web標(biāo)準(zhǔn)的制定者是？（）

A:微軟Microsoft

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

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

D:Javasun公司

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

在下列的HTML中，哪個是有序列表標(biāo)簽？（）

A:dldd

B:dldt

C:ulli

D:olli

答案:olli

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

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

B:表示該CSS聲明將作用于類為demo下的直接子元素p標(biāo)簽

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

D:表示該CSS聲明將作用于類為demo下的所有后代元素p標(biāo)簽

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

＜title＞標(biāo)簽在＜html＞中哪個位置？（）

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

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

C:任意位置都可以

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

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

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

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

B:/*注釋*/

C:/**注釋**/

D://注釋

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

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

A:HTML

B:CSS

C:XHTML

D:ECMAScript

答案:CSS

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

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

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

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

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

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

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

A:Java

B:HTML

C:JavaScript

D:CSS

答案:HTML

;JavaScript

;CSS

第二章測試

下列標(biāo)簽中，屬于塊級元素的的是？（）

A:a

B:div

C:input

D:span

答案:div

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

A:li

B:div

C:table

D:p

答案:div

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

A:不需要減少

B:30px

C:20px

D:10px

答案:30px

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

A:8px

B:10px

C:15px

D:13px

答案:8px

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

A:/*注釋*/

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

C://注釋

D:/**注釋**/

答案:/*注釋*/

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

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

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

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

D:#header{width:700px;height:50px;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:100px;

B:border-radius:0;

C:border-radius:50%;

D:border-radius:50px;

答案:border-radius:50%;

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

A::visited

B::hover

C::link

D::active

答案::link

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

A:上、右、下、左

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

C:上、下、左、右

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

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

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

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

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

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

D:p{font-size:200;}

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

;p{font-size:200px;}

第三章測試

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

A:image

B:button

C:set

D:reset

答案:reset

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

A:border

B:margin

C:padding

D:content

答案:margin

下面的屬性不屬于＜td＞標(biāo)簽的有（）。

A:rowspan

B:border

C:colspan

D:align

答案:border

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

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

答案:<img/>;<span>;<a/>;<br/>

下面對行內(nèi)元素特點表述正確的是（）

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

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

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

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

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

;設(shè)置高度height無效

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

A:margin

B:float

C:Clear

D:content

答案:float

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

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

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

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

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

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

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

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

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

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

A:tbody定義表格的主體

B:caption定義表格標(biāo)題

C:thead定義表格的頁眉

D:tfoot定義表格的頁腳

答案:tbody定義表格的主體

;caption定義表格標(biāo)題

;thead定義表格的頁眉

;tfoot定義表格的頁腳

在下面的HTML語句中，＜input

type=”radio”

value=”v1”checked

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

A:對B:錯

答案:錯

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

A:錯B:對

答案:對

第四章測試

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

A:text-shadow:5px5px5px#666;

B:box-shadow:5px5px5px#666;

C:shadow:5px5px5px#666;

D:shadow-color:inherit;

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

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

A:border-width:10px20px5px1px;

B:border-width:10px5px20px1px;

C:border-width:10px1px5px20px;

D:border-width:5px20px10px1px

答案:border-width:10px1px5px20px;

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

A:所有的div元素;

B:類為div的元素

C:id為div的元素;

D:首個div元素;

答案:所有的div元素;

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

A:.boxp{}

B:.box＞p{}

C:p.box{}

D:.box{}

答案:.boxp{}

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

A:display:none;

B:display:inheric;

C:display:inline;

D:display:block;

答案:display:block;

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

A:visible(false)

B:hidden()

C:display:none;

D:hide()

答案:hide()

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

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

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

C:li:hoverimg{rgba: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:在緊接著父元素后面的元素設(shè)置clear:both;清除浮動

B:使用clearfix;

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

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

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

;使用clearfix;

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

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

第五章測試

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

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

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

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

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

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

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

A:20px

B:80px

C:10px

D:40px

答案:20px

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

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

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

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

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

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

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

A:position:absolute；

B:position:inherit；

C:position:relative；

D:position:fixed；

答案:position:absolute；

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

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

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

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

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

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