《電大Web開(kāi)發(fā)基礎(chǔ)練習(xí)題》_第1頁(yè)
《電大Web開(kāi)發(fā)基礎(chǔ)練習(xí)題》_第2頁(yè)
《電大Web開(kāi)發(fā)基礎(chǔ)練習(xí)題》_第3頁(yè)
《電大Web開(kāi)發(fā)基礎(chǔ)練習(xí)題》_第4頁(yè)
《電大Web開(kāi)發(fā)基礎(chǔ)練習(xí)題》_第5頁(yè)
已閱讀5頁(yè),還剩25頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

試題題型:配伍題、判斷題、單選題、多選題、編程題

第1章Web的工作方式

判斷題

1.Web(WorldWideWeb)即全球廣域網(wǎng),也稱為萬(wàn)維網(wǎng)。()

2.Web服務(wù)器主要功能包括:存儲(chǔ)網(wǎng)站資源文件,代用戶發(fā)送請(qǐng)求,提供基本的安全功能。()×

3.Web服務(wù)端應(yīng)用程序開(kāi)發(fā)主要可以使用以下幾種編程語(yǔ)言:PHP、ASP.NET等。()√

4.FTP協(xié)議規(guī)定了Web服務(wù)器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)。()×

5.Web中采用HTML(HyperTextMarkupLanguage,超文本標(biāo)記語(yǔ)言)通信協(xié)議。()×

單選題

1.Internet上提供的主要服務(wù)有:Telnet、E-mail、()、FTP。C

A.AppB.WindowsC.WWWD.W3C

2.萬(wàn)維網(wǎng)聯(lián)盟(WorldWideWebConsortium),簡(jiǎn)稱(),專門負(fù)責(zé)制定Web應(yīng)用的標(biāo)準(zhǔn)。C

A.WWWB.WebC.W3CD.3WC

3.Web分為()和Web服務(wù)器程序。A

A.Web客戶端B.HTMLC.數(shù)據(jù)庫(kù)D.瀏覽器

4.Web程序要想順利運(yùn)行,就需要Web服務(wù)器、瀏覽器、()三者相互配合,共同發(fā)揮作用。D

A.數(shù)據(jù)庫(kù)B.HTMLC.網(wǎng)頁(yè)D.通信協(xié)議

5.創(chuàng)建Web內(nèi)容主要包括三部分:Web設(shè)計(jì)、()和Web服務(wù)器端應(yīng)用程序開(kāi)發(fā)。B

A.數(shù)據(jù)庫(kù)開(kāi)發(fā)B.Web前端網(wǎng)頁(yè)開(kāi)發(fā)C.App開(kāi)發(fā)D.通信協(xié)議

配伍題

1.請(qǐng)為名詞①⑤選擇表示其含義的描述,將配對(duì)好的ae填寫到括號(hào)中

代用戶發(fā)送請(qǐng)求,作為HTML的解釋器和內(nèi)嵌腳本的執(zhí)行器,

①WEB服務(wù)器a

用圖形化方式顯示W(wǎng)eb網(wǎng)頁(yè)的內(nèi)容。

存儲(chǔ)網(wǎng)站資源文件,響應(yīng)瀏覽器發(fā)來(lái)的請(qǐng)求,提供基本的安全

②WEB瀏覽器b

功能

③HTTP協(xié)議c用于支持客戶機(jī)跨廣域網(wǎng)訪問(wèn)公司內(nèi)部網(wǎng)絡(luò)的服務(wù)

④Internetd規(guī)定了Web服務(wù)器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)

⑤遠(yuǎn)程訪問(wèn)服務(wù)e由那些使用公用語(yǔ)言互相通信的計(jì)算機(jī)連接而成的全球網(wǎng)絡(luò)

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽孩荩?/p>

[參考答案]

1:b②:a③:d④:e⑤:c

1

第2章HTML5基礎(chǔ)知識(shí)

判斷題

1.HTML規(guī)定元素標(biāo)簽可以嵌套,但不允許交叉。()

2.單標(biāo)記只有開(kāi)始標(biāo)記,沒(méi)有結(jié)束標(biāo)記。開(kāi)始標(biāo)記中的/可有可無(wú)。()

3.如果網(wǎng)頁(yè)中包含多個(gè)擁有相同id屬性值的元素,則網(wǎng)頁(yè)報(bào)錯(cuò),無(wú)法顯示。()×

4.<p>元素中不允許包含以下元素:標(biāo)題元素(h1~h6)、span元素、div元素。()×

5.HTML源代碼中的空格都是無(wú)效的,最終顯示時(shí),都會(huì)被瀏覽器刪掉。()×

6.查找父級(jí)目錄中的文件或文件夾,可使用“.../父級(jí)目錄文件或文件夾”返回上級(jí)目錄。()×

7.若不指定<a>元素的target屬性,則在單擊超鏈接時(shí),默認(rèn)會(huì)在當(dāng)前窗口打開(kāi)新網(wǎng)頁(yè)。()

8.設(shè)置<td>的colspan屬性可讓單元格跨多行顯示。()×

9.表格元素的align屬性不是設(shè)置表格內(nèi)容居中對(duì)齊。而是設(shè)置整個(gè)表格在其父元素中整體居中對(duì)

齊。()

10.有序列表可自動(dòng)將列表項(xiàng)按內(nèi)容排序后顯示。()×

單選題

1.下面定義HTML注釋正確的是()。B

A.<div<!--id="main"-->></div>B.<div><!--這里是注釋--></div>

C.<!--<!--這里是注釋-->-->D.<div><--這里是注釋--></div>

2.下面定義頁(yè)面編碼格式的元素正確的是()。C

A.<metacharset=utf-8>B.<metacharset:"utf-8">

C.<metacharset="utf-8">D.<titlecharset=’utf-8’>

3.以下可以實(shí)現(xiàn)當(dāng)鼠標(biāo)懸停在元素上時(shí),出現(xiàn)工具提示效果的是()。C

A.<div><title>工具提示的內(nèi)容</title></div>

B.<divid=”工具提示的內(nèi)容”></div>

C.<divtitle=”工具提示的內(nèi)容”></div>

D.<divtooltip=”工具提示的內(nèi)容”></div>

4.以下說(shuō)法正確的是()。C

A.只要網(wǎng)頁(yè)中包含中文,都必須設(shè)置<metacharset=”utf-8”>

B.只要網(wǎng)頁(yè)中同時(shí)包含中文和英文,都必須設(shè)置<metacharset=”utf-8”>

C.<metacharset=””>必須和當(dāng)前網(wǎng)頁(yè).html文件的編碼格式保持一致

D.在中文版操作系統(tǒng)中,必須設(shè)置<metacharset=”utf-8”>

5.下面定義頁(yè)面編碼格式的元素不正確的是()。D

A.<metacharset=”utf-8”>B.<metacharset="utf-8"/>

C.<metacharset=”utf-8”></meta>D.<bodycharset=’utf-8’>

6.<img>元素的()屬性用于設(shè)置要引入的圖片的URL地址。B

A.hrefB.srcC.altD.link

2

7.將<a>元素的target屬性值設(shè)置為(),可實(shí)現(xiàn)單擊<a>在新窗口打開(kāi)新鏈接。C

A._selfB.不指定值C._blankD.blank

8.以下定義錨點(diǎn)位置錯(cuò)誤的是()。B

A.<labelid="top"></label>B.<a>top</a>

C.<aname="top"></a>D.<aid="top">

9.關(guān)于絕對(duì)路徑的組成,以下描述正確的是()。A

A.協(xié)議://域名/目錄路徑/文件名

B.協(xié)議/>域名/目錄路徑/文件名

C.目錄路徑:/協(xié)議/域名/文件名

D.目錄路徑:>協(xié)議/域名/文件名

10.HTML5結(jié)構(gòu)標(biāo)記中專門定義主導(dǎo)航區(qū)域的元素是()。B

A.<header>B.<nav>C.<section>D.<aside>

多選題

1.以下標(biāo)記定義正確的是:()。BCD

A.<div><p></div></p>B.<div><br></div><br>

C.<div><p></p></div>D.<div><br><br></div>

2.以下說(shuō)法正確的是()。BC

A.<html>元素中所有子元素的內(nèi)容,都會(huì)顯示在網(wǎng)頁(yè)上

B.<head>元素中包含對(duì)網(wǎng)頁(yè)的配置

C.<body>元素中包含要顯示的網(wǎng)頁(yè)的主要內(nèi)容

D.<title>元素即可定義在<head>中,又可定義在<body>中

3.下列說(shuō)法錯(cuò)誤的是()。ABC

A.<b>元素專門用于代替換行

B.<i>元素專門用于給文字加下劃線

C.<u>元素專門用于加粗顯示文字

D.<p>元素專門用于顯示一段文字,并在開(kāi)頭和結(jié)尾自動(dòng)換行。

4.對(duì)<audio>標(biāo)記的屬性描述正確的是()。BD

A.href屬性用于設(shè)置要播放的音頻文件的路徑

B.src屬性用于設(shè)置要播放的音頻文件的路徑

C.auto屬性用于設(shè)置在網(wǎng)頁(yè)加載時(shí)自動(dòng)播放音頻文件

D.loop屬性用于設(shè)置是否循環(huán)播放

5.以下關(guān)于不規(guī)則表格定義正確的是()。BC

A.當(dāng)前格td,向右跨4列(含自己),可寫為:<tdcolspan=”3”>

B.當(dāng)前格td,向右跨4列(含自己),可寫為:<tdcolspan=”4”>

C.當(dāng)前格td,向下跨2行(含自己),可寫為:<tdrowspan=”2”>

D.當(dāng)前格td,向下跨2行(含自己),可寫為:<tdrowspan=”1”>

6.以下關(guān)于列表元素的描述正確的是()。CD

3

A.<ul>元素用于定義有序列表

B.<ol>元素用于定義無(wú)序列表

C.<ul>元素用于定義無(wú)序列表

D.<ol>元素用于定義有序列表

配伍題

1.請(qǐng)為名詞①⑤選擇表示其含義的描述,將配對(duì)好的ae填寫到括號(hào)中

1行內(nèi)元素a必須成對(duì)出現(xiàn)的開(kāi)始標(biāo)記和結(jié)束標(biāo)記的元素

2塊級(jí)元素b默認(rèn)獨(dú)占一行的元素

元素內(nèi)容有多少,空間就只能占用多少,且多個(gè)元素只能

3行內(nèi)塊元素c

在一行中顯示

4單標(biāo)記元素d只要一個(gè)開(kāi)始標(biāo)記即可實(shí)現(xiàn)功能的元素。

5雙標(biāo)記元素e多個(gè)元素可在一行中顯示,但是可設(shè)置元素的大小

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽孩荩?/p>

[參考答案]

1:c②:b③:e④:d⑤:a

編程題

1.從答案選項(xiàng)中選擇正確的代碼,將其對(duì)應(yīng)的字母填寫在空白的步驟中,從而把步驟補(bǔ)充完整:

定義一個(gè)表格,一共2行四列。其中,第一行第一個(gè)格,向下跨2行,且內(nèi)容頂端對(duì)齊。第二

行第二個(gè)單元格位置的格,向右跨3行,且內(nèi)容居左對(duì)齊:

<table>

<tr>

<td___①______②___></td>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td__③_____④__></td>

</tr>

</table>

其中:①和③請(qǐng)選擇不規(guī)則表格相關(guān)的屬性

②和④請(qǐng)選擇內(nèi)容對(duì)齊方式

[答案選項(xiàng)]

a.colspan=”2”

b.rowspan=”2”

c.colspan=”3”

4

d.rowspan=”3”

e.a(chǎn)lign=”right”

f.valign=”top”

g.a(chǎn)lign=”top”

h.valign=”right”

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽?/p>

[參考答案]①:b②:f③:c④:e

第3章HTML5表單元素

判斷題

1.表單向服務(wù)器端提交數(shù)據(jù)主要有兩種方式:get方式和set方式。()×

2.Select元素中的多個(gè)option元素,若希望多選一,則必須同時(shí)定義相同的name屬性。()×

3.默認(rèn)情況下,單擊<inputtype="radio">旁邊的文本,不會(huì)選中該單選按鈕。()

4.實(shí)現(xiàn)表單提交功能,需要兩部分配合才能實(shí)現(xiàn):首先需要服務(wù)器端程序接收客戶端表單提交來(lái)

的數(shù)據(jù);其次定義客戶端HTML表單收集用戶信息并提交數(shù)據(jù)到服務(wù)器端。()

5.<from>元素用來(lái)定義一個(gè)表單整體,其中包含多種表單元素,用于收集用戶的各種信息;()×

6.以get方式提交表單是以隱藏的方式將數(shù)據(jù)提交給服務(wù)器。要提交的表單數(shù)據(jù)不會(huì)出現(xiàn)在URL

的結(jié)尾,而是包含在請(qǐng)求消息主體的內(nèi)部。()×

單選題

1.定義在文本框中初始時(shí)顯示的提示信息,輸入內(nèi)容后就被替換,可設(shè)置()屬性。C

A.disabledB.readonlyC.placeholderD.value

2.當(dāng)多個(gè)單選按鈕多選一時(shí),應(yīng)該為組內(nèi)的多個(gè)單選按鈕定義相同的()屬性值。B

A.valueB.nameC.typeD.checked

3.下列選項(xiàng)中,不屬于input元素的type屬性可選內(nèi)容的是()。D

A.textB.passwordC.submitD.hide

4.設(shè)置select元素的()屬性可實(shí)現(xiàn)多選。D

A.valueB.selectedC.nameD.multiple

5.設(shè)置iframe的()屬性,可定義iframe要引入的另一個(gè)網(wǎng)頁(yè)的URL地址。A

A.srcB.hrefC.relD.path

6.以get方式提交表單時(shí),查詢字符串的格式正確的是:()C

A.?uname=dingding;upwd=123456

B.?uname:dingding;upwd:123456

C.?uname=dingding&upwd=123456

D.?uname:dingding&&upwd:123456

7.以get方式提交表單時(shí),最大可發(fā)送的數(shù)據(jù)大小為:()B

5

A.1KB.2KC.3KD.4K

8.如果表單中包含上傳文件功能時(shí),內(nèi)容類型必須設(shè)置為:()。D

A.utf-8

B.application/x-www-form-URLencoded

C.text/plain

D.multipart/form-data

多選題

1.以下關(guān)于表單元素的描述正確的是:()。AC

A.method屬性,用于定義表單向服務(wù)器端提交數(shù)據(jù)的方式

B.doctype屬性用于定義表單數(shù)據(jù)進(jìn)行編碼的方式

C.enctype屬性用于定義表單數(shù)據(jù)進(jìn)行編碼的方式

D.methods屬性,用于定義表單向服務(wù)器端提交數(shù)據(jù)的方式

2.以下屬于表單元素的是:()。BCD

A.labelB.inputC.textareaD.select

3.多個(gè)備選項(xiàng)中,可選擇多個(gè)選中項(xiàng)時(shí),可使用哪種表單元素:()。BD

A.<inputtype=”radio”>

B.<inputtype=”checkbox”>

C.<inputtype=”button”>

D.<selectmultiple>

配伍題

1.請(qǐng)為元素①⑤選擇右側(cè)最合適的使用場(chǎng)景,將配對(duì)好的ae填寫到括號(hào)中

<input

1a收集用戶輸入的文字信息

type=”checkbox”>

2<textarea>b性別二選一

3<inputtype=”file”>c是否同意本網(wǎng)站的條款

<input

4d從一百多個(gè)國(guó)家的列表中選擇多個(gè)國(guó)家

type=”radio”>

5<select>e選擇本地文件上傳服務(wù)器

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽孩荩?/p>

[參考答案]

1:c②:a③:e④:b⑤:d

編程題

1.從答案選項(xiàng)中選擇正確的代碼,將其對(duì)應(yīng)的字母填寫在空白的步驟中,從而把步驟補(bǔ)充完整:

在表單中定義性別,二選一。要求,回發(fā)服務(wù)器時(shí)的變量名為“sex”。且擴(kuò)大選中區(qū)域,點(diǎn)擊文

字,也可選中選項(xiàng):

<form>

6

<__①___><inputtype=”__②__”__③__=”sex”__④___=”1”>男</__①_>

<__①___><inputtype=”__②__”__③__=”sex”__④___=”0”>女</__①_>

</form>

[答案選項(xiàng)]

a.id

b.name

c.title

d.value

e.radio

f.checkbox

g.p

h.label

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽?/p>

[參考答案]①:h②:e③:b④:d

第4章CSS3基礎(chǔ)知識(shí)

判斷題

1.內(nèi)部樣式表的優(yōu)先級(jí)總是高于外部樣式表。()x

2.外部樣式表是指定義在<head>元素中的<style>元素內(nèi)的一組CSS樣式聲明。()×

3.凡是定義在元素開(kāi)始標(biāo)簽之外的樣式表,都成為外部樣式表。()×

4.父元素所有樣式屬性,子元素都會(huì)自動(dòng)繼承。()×

5.默認(rèn)情況下,ID選擇器優(yōu)先級(jí)最高,元素選擇器優(yōu)先級(jí)最低。()

6.為適應(yīng)不同大小的顯示設(shè)備,應(yīng)盡量選擇相對(duì)單位設(shè)置尺寸,如百分比(%)。()

7.單位1px的顯示大小不會(huì)隨顯示器分辨率改變而改變。()×

8.margin:auto;可設(shè)置元素在水平和垂直兩個(gè)方向都居中。()×

9.外邊距合并,是指當(dāng)兩個(gè)垂直方向外邊距相遇時(shí),將合并為一個(gè)外邊距。()

10.如果希望將內(nèi)邊距和邊框的范圍也納入內(nèi)容范圍中用width和height共同控制,可修改

box-sizing屬性值為border-box。()

11.所有行內(nèi)元素都無(wú)法使用width和height屬性設(shè)置大小。()×

12.外邊距合并,最終的實(shí)際外邊距取決于兩個(gè)外邊距中距離較小的那個(gè)值。()×

13.背景圖片默認(rèn)是不平鋪的,如果希望平鋪可設(shè)置background-repeat:repeat。()×

14.元素多層結(jié)構(gòu)自底向上,依次是:外邊距、背景色、背景圖片、邊框和內(nèi)邊距,以及最上層的

內(nèi)容。()

15.background-size屬性值可以是contain,表示等比縮放,但以短邊剛好縮放到與元素對(duì)應(yīng)邊等長(zhǎng)

時(shí),停止縮放。()×

7

16.所有元素都有vertical-align屬性,可設(shè)置內(nèi)容垂直方向居中。()×

單選題

1.下列樣式聲明語(yǔ)法正確的是()。D

A.color=purpleB.color=”purple”C.color:”purple”D.color:purple

2.下列關(guān)于內(nèi)聯(lián)樣式的定義格式正確的是:()。C

A.<acolor=”red”fontSize=”12px”>

B.<astyle=”color=red;font-size=12px”>

C.<astyle=”color:red;font-size:12px”>

D.<astyle=”color:red;fontSize:12px”>

3.下列關(guān)于內(nèi)部樣式表的內(nèi)容定義正確的是:()。B

A.body:{color:red,fontSize:12px}

B.body{color:red;font-size:12px}

C.body={color:red;fontSize:12px}

D.body={color:”red”,fontSize:”12px”}

4.網(wǎng)頁(yè)中引入外部樣式表的代碼正確的是()。C

A.<stylerel=”stylesheet”href=”index.css”>

B.<stylerel=”stylesheet”src=”index.css”>

C.<linkrel=”stylesheet”href=”index.css”>

D.<linkrel=”stylesheet”src=”index.css”>

5.一下定義id選擇器正確的是:()。A

A.#id{}B..id{}C.@id{}D.!id{}

6.所有p元素和div元素字體大小均為12px,以下寫法正確的是:()。C

A.p+div{font-size:12px}

B.p~div{font-size:12px}

C.p,div{font-size:12px}

D.pdiv{font-size:12px}

7.選擇ul元素下所有后代li(既包含直接子元素,又包含更深層后代元素)的選擇器是()。B

A.ul>liB.ulliC.ul,liD.ul~li

8.選擇ul元素下所有直接子元素li的選擇器是()。A

A.ul>liB.ulliC.ul,liD.ul~li

9.選擇class為active的a元素,下列選擇器正確的是()。B

A.a+.activeB.a.activeC.a.activeDa>.actives

10.鼠標(biāo)懸停在a元素上時(shí),字體變?yōu)榧t色,正確的CSS定義是()。B

A.a.hover{color:red}B.a:hover{font-color:red}

C.a:active{color:red}D.a:active{font-color:red}

11.一個(gè)元素的內(nèi)聯(lián)樣式中定義color:red,內(nèi)部樣式表中定義了color:green,外部樣式表中定義了

color:yellow。最終字體顏色為()。A

8

A.redB.greenC.yellowD.無(wú)法確定

12.()可將當(dāng)前樣式聲明的優(yōu)先級(jí)提升為最高。C

A.@importantB.?importC.!importantD.@import

13.以下單位屬于相對(duì)長(zhǎng)度單位的是()。A

A.emB.ptC.cmD.in

14.下列關(guān)于相對(duì)長(zhǎng)度單位描述正確的是:()。B

A.em總是相對(duì)于body元素的屬性值計(jì)算倍數(shù)

B.em總是相對(duì)于所在父元素的屬性值計(jì)算倍數(shù)

C.rem總是相對(duì)于所在父元素的屬性值計(jì)算倍數(shù)

D.rem總是相對(duì)于當(dāng)前元素上的另一個(gè)屬性值計(jì)算倍數(shù)

15.下列表示顏色值錯(cuò)誤的是()。D

A.#fffB.#e4393cC.rgb(25,128,128)D.rgb:25128128

16.border屬性定義正確的是()。A

A.border:1pxsolidredB.border:solid1pxred

C.border:1pxredsolidD.border:red1pxsolid

17.清除文本框的輪廓可使用()。C

A.border:0;B.border:none;C.outline:0;D.border-radius:0

18.一個(gè)元素上、下外邊距都是10px,左、右外邊距都是20px,下列定義正確的是()。C

A.margin:10px10px20px20pxB.margin:20px10px20px

C.margin:10px20px10pxD.margin:20px20px10px10px

19.僅設(shè)置左上角和左下角為圓角的css代碼如下正確的是:()。B

A.border-radius:5px5px00

B.border-radius:5px005px

C.border-radius:05px5px0

D.border-radius:005px5px

20.僅設(shè)置左上角為圓角的css代碼正確的是:()。A

A.border-top-left-radius:5px;

B.border-left-top-radius:5px;

C.border-radius-left-top:5px;

D.border-radius-top-left:5px

21.框模型規(guī)定,每個(gè)元素由內(nèi)向外由4個(gè)部分組成:()。B

A.內(nèi)容,邊框,內(nèi)邊距,間距

B.內(nèi)容,內(nèi)邊距,邊框,間距

C.內(nèi)邊距,內(nèi)容,間距,邊框

D.內(nèi)邊距,內(nèi)容,邊框,間距

22.下列定義背景圖片屬性正確的是()。D

A.background-image:img/logo.pngB.background-image:url(“img/logo.png”)

9

C.background-image:“img/logo.png”D.background-image:url(img/logo.png)

23.設(shè)置背景圖片相對(duì)于所在元素向上移動(dòng)10px,向左移動(dòng)20px,以下設(shè)置正確的是()。B

A.background-position:20px10pxB.background-position:-20px-10px

C.background-position:-10px-20pxD.background-position:10px20px

24.以下設(shè)置字體加粗屬性正確的是()。B

A.font-size:boldB.font-weight:boldC.font-style:boldD.font-family:bold

25.以下設(shè)置字體為斜體正確的是()A

A.font-style:italicB.font-family:italicC.text-decoration:italicD.text-indent:italic

26.普通元素設(shè)置文本垂直居中的屬性正確的是()。C

A.text-valign:centerB.text-align:center

C.line-height:元素高D.line-height:元素高的一半

多選題

1.一個(gè)元素可同時(shí)被多個(gè)樣式類修飾,以下寫法正確的是:()。BD

A.<aclass=”.btn”class=”.btn-danger”>

B.<aclass=”btn”class=”btn-danger”>

C.<aclass=”btn,btn-danger”>

D.<aclass=”btnbtn-danger”>

2.以下關(guān)于選擇器的權(quán)重描述正確的是:()。AC

A.類選擇器的權(quán)重等于偽類選擇器的權(quán)重

B.元素選擇器的權(quán)重大于偽類選擇器的權(quán)重

C.偽類選擇器的權(quán)重小于ID選擇器的權(quán)重

D.偽類選擇器的權(quán)重小于其它所有選擇器的權(quán)重

3.一個(gè)元素上下內(nèi)邊距都是20px,左右內(nèi)邊距都是10px,下列定義正確的是:()。AC

A.padding:20px10px20px10pxB.padding:10px20px10px

C.padding:20px10px20pxD.padding:10px10px20px20px

4.以下關(guān)于內(nèi)容溢出說(shuō)法正確的是:()。BC

A.如果內(nèi)容是文字,默認(rèn)就是橫向溢出

B.如果內(nèi)容是文字,默認(rèn)就是縱向溢出

C.如果內(nèi)容是圖片,則默認(rèn)縱向和橫向都會(huì)溢出

D.如果內(nèi)容是圖片,則默認(rèn)不會(huì)溢出

5.以下可以隱藏內(nèi)容溢出部分的overflow屬性的值是:()。ACD

A.hiddenB.visibleC.scrollD.auto

6僅顯示元素的左邊框,以下css屬性正確的是:()。BD

A.border-left-style:2px

B.border-left-style:solid

C.border-left:2px

D.border-left:solid

10

7.上外邊距溢出,有以下幾種預(yù)防方法:()。ABCD

A.為父元素增加上邊框

B.為父元素設(shè)置上內(nèi)邊距;

C.在父元素的第一個(gè)子元素位置處,增加空<table></table>標(biāo)記。

D.設(shè)置父元素的overflow:hidden

配伍題

1.請(qǐng)為選擇器①⑤選擇右側(cè)最合適的解釋,將配對(duì)好的ae填寫到括號(hào)中。

1ul>li.activeaul元素下的所有后代li的直接子元素中class為active的元素

2ulli.activebul元素下的直接子元素中class為active的li

3ulli>.activecul元素下的所有后代元素中class為active的li

4ulli.activedul元素下的直接子元素li以及其他任意class為active的元素

5ul>li,.activeeul元素下的所有后代li的所有后代中class為active的元素

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽孩荩?/p>

[參考答案]

1:b②:c③:a④:e⑤:d

編程題

1.從答案選項(xiàng)中選擇正確的代碼,將其對(duì)應(yīng)的字母填寫在空白的步驟中,從而把步驟補(bǔ)充完整:

如下圖所示需求設(shè)計(jì)圖:外層一個(gè)section元素,包裹著內(nèi)層四個(gè)span元素。

請(qǐng)?jiān)谙铝蠧SS中補(bǔ)充選擇器和css屬性:

<style>

section{___①__}

sectionspan{___②____;___③___;}

section__④__{width:223px;}

</style>

[答案選項(xiàng)]

a.box-sizing:box;padding:10px0;

b.padding:10px0;

c.width:1000px;margin:0auto;padding:015px;margin-top:35px;

d.box-sizing:border-box;

e.width:1000px;margin:auto;padding:15px;margin:35px;

11

f.padding:010px;

g.span>img

i.span,img

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽?/p>

[參考答案]①:c②:d③:f④:g

第5章CSS3高級(jí)特性

判斷題

1.塊級(jí)元素默認(rèn)都是從上到下排列的,且每個(gè)塊元素獨(dú)占一行。()

2.行內(nèi)塊元素默認(rèn)都是從上到下排列的,且每個(gè)行內(nèi)塊元素獨(dú)占一行。()×

3.行內(nèi)元素默認(rèn)按照從左往右的方式排列,而行內(nèi)塊(inline-block)默認(rèn)從上到下排列。()×

4.因?yàn)槊總€(gè)元素都擁有自己的空間,所以一個(gè)元素不可能蓋住另一個(gè)元素。()×

5.即使行內(nèi)元素浮動(dòng)后,也允許修改width和height屬性。()

6.元素一旦設(shè)置浮動(dòng)定位屬性,就脫離普通文檔流定位方式,不占用普通文檔流中的頁(yè)面空間。

()

7.如果包含框太窄,無(wú)法容納水平排列的3個(gè)浮動(dòng)元素,那么最后放不下的塊會(huì)被擠壓到下一行,

并始終浮動(dòng)到下一行的開(kāi)頭。()x

8.元素一旦浮動(dòng)后,都會(huì)變?yōu)樾袃?nèi)塊級(jí)元素,也允許修改大小尺寸。()×

9.如內(nèi)部浮動(dòng)元素,高于外部容器元素,則內(nèi)部浮動(dòng)元素超出外部元素范圍的部分自動(dòng)隱藏。()

×

10.用opacity設(shè)置透明度,僅影響所在元素,不影響子元素。()×

11.dispaly:none不會(huì)讓元素脫離文檔流,雖然看不見(jiàn),但依然占用空間。()×

12.visibility:hidden不讓元素脫離文檔流,雖然看不見(jiàn),但依然占用空間。()

13.rgba只作用于某個(gè)屬性,如背景顏色等。()

14.pointer屬性可設(shè)置鼠標(biāo)的光標(biāo)。當(dāng)鼠標(biāo)懸停在元素上時(shí),可改變鼠標(biāo)光標(biāo)的顯示樣式。()×

15.修改列表項(xiàng)標(biāo)識(shí)為圖片,可使用:list-image:url(圖片路徑)屬性()×

16.list-style:none和list-style-type:none均可清除列表項(xiàng)標(biāo)識(shí)。()

17.relative(相對(duì)定位)可讓元素脫離默認(rèn)文檔流,相對(duì)于其所在父元素左上角自由定位。()×

18.相對(duì)定位是讓元素相對(duì)于它在默認(rèn)文檔流中的原始位置偏移一段距離,經(jīng)常用于對(duì)元素位置做

微調(diào)時(shí)使用。()

19.絕對(duì)定位的元素默認(rèn)總是相對(duì)于其所在直接父級(jí)元素左上角定位。()×

20.相對(duì)定位的元素,雖然位置偏離了原位置,但默認(rèn)文檔流中的原位置不釋放。()

21.修改父元素的z-index屬性值>子元素的z-index屬性值可讓父元素蓋住子元素。()×

22.未使用定位屬性的元素不能使用z-index元素。()

23.:first-child元素只能匹配一個(gè)元素。()×

12

24.input+span只能匹配一個(gè)元素。()×

25.:target用于匹配當(dāng)前點(diǎn)擊的a元素。()×

26.div:not([title=test])也會(huì)匹配那些不包含title屬性的div元素。()

27.元素可設(shè)置的屬性,偽元素也可設(shè)置。元素具有的特征,偽元素也同樣具備。()

28.使用彈性布局,要先使父容器變?yōu)閒lex容器——display:flex或display:inline-flex。()

29.默認(rèn)情況下,如果主軸放不下所有項(xiàng)目時(shí),項(xiàng)目會(huì)超出容器橫向溢出。()×

30.彈性布局中,項(xiàng)目的flex-order屬性用于定義項(xiàng)目的排列順序。()×

31.order屬性,用于定義項(xiàng)目的排列順序。其值為整數(shù)數(shù)字,無(wú)須單位。()

單選題

1.先后順序定義三個(gè)div:div1,div2,div3。div2向左浮動(dòng),div1和div3向右浮動(dòng),結(jié)果從左向右三個(gè)

div的順序依次是()。C

A.d1d2d3B.d2d1d3C.d2d3d1D.d1d3d2

2.CSS提供了()屬性用于設(shè)置元素浮動(dòng)定位:B

A.overflowB.floatC.floorD.fixed

3.以下不屬于float屬性值的是:().D

A.leftB.rightC.noneD.center

4.清除前面元素浮動(dòng)對(duì)當(dāng)前元素的影響,可設(shè)置()屬性。B

A.display:clearB.clear:bothC.float:bothD.both:clear

5.下列選項(xiàng)中,可讓圖片左右文字與圖片垂直居中對(duì)齊的css屬性是()。B

A.text-align:centerB.vertical-align:middle

C.text-valign:centerD.vertical-align:baseline

6.下列設(shè)置鼠標(biāo)懸停時(shí)光標(biāo)變?yōu)槭种傅膶傩允牵ǎ?。D

A.cursor:moveB.cursor:waitC.cursor:textD.cursor:pointer

7.如果包含框太窄,無(wú)法容納水平排列的3個(gè)浮動(dòng)元素,那么最后放不下的塊會(huì):().A

A.被擠壓到下一行B.默認(rèn)隱藏C.橫向溢出D.始終換行到下一行的開(kāi)頭

8.元素一旦浮動(dòng)后,都會(huì)變?yōu)椋海ǎ?B

A.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.浮動(dòng)元素

9.一下不屬于clear屬性值的是:().D

A.leftB.rightC.bothD.none

10.下列選項(xiàng)中,可讓元素獨(dú)占一行的屬性為()。D

A.display:noneB.display:inline-blockC.display:inlineD.display:block

11.下列關(guān)于vertical-align屬性描述正確的是:()。B

A.可設(shè)置表格元素的內(nèi)容在水平方向上的對(duì)齊方式

B.可設(shè)置img元素左右兩側(cè)的文本在垂直方向的對(duì)齊方式

C.可設(shè)置img元素在其父元素內(nèi)水平方向的對(duì)齊方式

D.可設(shè)置div元素的內(nèi)容在垂直方向的對(duì)齊方式

12.以下不能實(shí)現(xiàn)隱藏元素的是:()。A

13

A.overflow:hiddenB.opacity:0C.display:noneD.visibility:hidden

13.下列清除列表項(xiàng)標(biāo)志的屬性設(shè)置正確的是()。B

A.list-type:noneB.list-style-type:noneC.list-type-style:noneD.list:none

14.以下不屬于list-style-type屬性值的是:()。D

A.noneB.circleC.discD.sqrt

15.將列表項(xiàng)標(biāo)識(shí)改為圖片的屬性是:()。C

A.list-style-typeB.list-imageC.list-style-imageD.list-type

16.希望能自由修改元素的位置,但又不希望默認(rèn)文檔流中原始位置被釋放,應(yīng)選擇()。B

A.position:absoluteB.position:relativeC.position:fixedD.position:static

17.以下關(guān)于元素定位描述錯(cuò)誤的是:()。D

A.絕對(duì)定位的元素相對(duì)于離它最近的已定位的祖先元素實(shí)現(xiàn)定位。

B.如果當(dāng)前元素的各級(jí)父元素中沒(méi)有已定位的祖先元素,那么元素就相對(duì)于body定位。

C.通常在設(shè)置絕對(duì)定位前,都要先找到要參照的祖先元素,并為祖先元素添加position屬性。

D.祖先元素的position屬性只能設(shè)置為relative

18.下列關(guān)于位移屬性描述正確的是:()。A

A.left:-20px是讓元素基于當(dāng)前位置向左移動(dòng)20px

B.left:20px是讓元素基于當(dāng)前位置向左移動(dòng)20px

C.left:-20px是讓元素基于瀏覽器邊框,向左移動(dòng)20px

D.left:20px是讓元素基于瀏覽器邊框,向左移動(dòng)20px

19.三個(gè)相鄰元素:<b></b><span></span><i></i>,希望選中<b>元素后的<i>元素,下列選擇器正確

的是()。C

A.b,i{}B.b+i{}C.b~i{}D.b>i{}

20.選擇包含title屬性且title屬性值中包含“es”的div元素,下列選擇器正確的是()。B

A.div[title=es]B.div[title*=es]C.div[title^=es]D.div[title$=es]

21.選擇title屬性不等于”test”的div元素,下列選擇器正確的是:()。A

A.div:not([title=test])B.div[title!=test]C.div[title*=test]D.div[title$=test]

22.希望單擊一個(gè)a元素,控制另一個(gè)元素的樣式變化,可使用以下哪種選擇器:()。B

A.:hoverB.:targetC.:activeD.:link

23.以下描述錯(cuò)誤的是:()。D

A.::before,用于匹配某元素內(nèi)容區(qū)域之前的位置

B.:after,用于匹配某元素內(nèi)容區(qū)域結(jié)尾的位置

C.after,用于匹配某元素內(nèi)容區(qū)域結(jié)尾的位置

D.:before,用于匹配某元素與前一個(gè)元素之間的空白區(qū)域

24.下列在p元素開(kāi)頭添加“>>”符號(hào)的代碼正確的是:()。D

A.p::before{container:“>>”}B.p::before{container:>>}

C.p::before{content:>>}D.p::before{content:“>>”}

14

25.防止外邊距溢出最好的方法是:()。A

A.父元素::before{content:””;display:table;}

B.父元素::before{content:””;display:”table”}

C.父元素::before{container:””;display:table}

D.父元素::before{container:””;display:”table”}

26.下列對(duì)于flex-direction屬性值描述正確的是:()。B

A.值為row表示主軸x軸,起點(diǎn)在容器中心點(diǎn)

B.值為row-reverse表示主軸x軸,起點(diǎn)在右端

C.值為column表示主軸y軸,起點(diǎn)在底端

D.值為column表示主軸x軸,起點(diǎn)在最左端

27.如果主軸放不下所有項(xiàng)目時(shí),可設(shè)置flex-wrap屬性值為()來(lái)實(shí)現(xiàn)換行顯示,但不改變主軸方

向。D

A.nowrapB.wrap-reverseC.reverseD.wrap

28.下列代碼可以定義flex容器x為主軸,從左向右排列,且如果放不下就換行繼續(xù)從左向右排列的

是:()。C

A.flex:rowwrapB.flex:wraprow

C.flex-flow:rowwrapD.flex-flow:wraprow

29.設(shè)置項(xiàng)目在主軸上的對(duì)齊方式,可設(shè)置以下哪個(gè)屬性:()。B

A.flex-directionB.justify-contentC.flex-flowD.flex-wrap

30.實(shí)現(xiàn)每個(gè)項(xiàng)目?jī)啥碎g距相同可設(shè)置以下哪個(gè)屬性:()。A

A.justify-content:space-around

B.flex-wrap:wrap

C.flex-direction:space-around

D.justify-content:column

31.下列不屬于align-self屬性值的是:()。C

A.flex-startB.flex-endC.flex-centerD.baseline

32.文檔類型聲明:<!DOCTYPEhtml>說(shuō)明當(dāng)前網(wǎng)頁(yè)使用的是()標(biāo)準(zhǔn)。D

A.HTML4.1B.XHTML1.0C.XHTML2.0D.HTML5

多選題

1.以下描述正確的是:()。AB

A.設(shè)置浮動(dòng)定位屬性的元素會(huì)脫離普通文檔流,不占用普通文檔流中的頁(yè)面空間。

B.文檔的普通流中的其他塊,會(huì)上移填補(bǔ)浮動(dòng)元素留下的空白位置。

C.元素浮動(dòng)定位是相對(duì)于元素在普通文檔流中的原位置設(shè)置位移的偏移量。

D.浮動(dòng)定位的元素在原文檔流中的位置始終占用,不釋放。

2.以下關(guān)于clear屬性描述正確的是:()。BD

A.該屬性值可以是:left,用于清除當(dāng)前元素前面元素的任意浮動(dòng)帶來(lái)的影響;

B.該屬性值可以是:left,用于清除當(dāng)前元素前面元素的左浮動(dòng)帶來(lái)的影響;

15

C.該屬性值可以是:right,用于清除當(dāng)前元素后面的元素任意浮動(dòng)帶來(lái)的影響;

D.該屬性值可以是:right,用于清除當(dāng)前元素前面的元素右浮動(dòng)帶來(lái)的影響;

3.清除浮動(dòng)對(duì)父元素影響的方案有:()。ACD

A.給父元素設(shè)置固定的高度;

B.設(shè)置父元素的float屬性為hidden或auto;

C.設(shè)置父元素也浮動(dòng);

D.在父元素內(nèi)的結(jié)尾追加一個(gè)空子元素(塊級(jí)元素),并設(shè)置空子元素清除浮動(dòng)影響(clear:both)。

4.默認(rèn)可在一行中水平排列的元素有:()。AC

A.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.標(biāo)題元素

5.下列對(duì)于opacity屬性描述正確的是:()。BCD

A.值是1~100之間的任意一個(gè)整數(shù)

B.數(shù)值越大,越不透明;數(shù)值越小,越透明。

C.opacity可用于將整個(gè)元素的所有屬性及其子內(nèi)容全部設(shè)置透明度。

D.值是0~1之間的任意一個(gè)小數(shù)

6.下列可使用vertical-align屬性設(shè)置垂直方向?qū)R方式的有:()。AD

A.tableB.divC.pD.img

7.下列關(guān)于固定定位描述正確的是:()。AD

A.固定定位的元素,以文檔顯示區(qū)左上角作為參照

B.固定定位的元素,以body左上角作為參照

C.固定定位的元素位置在網(wǎng)頁(yè)滾動(dòng)時(shí),跟隨滾動(dòng),始終保持與body左上角的相對(duì)位置不變。

D.固定定位的元素位置不會(huì)隨著滾動(dòng)條的滾動(dòng)而發(fā)生改變。

8.下列關(guān)于位移屬性描述正確的是:()。ABC

A.top:-20px是讓元素基于當(dāng)前位置向上移動(dòng)20px

B.top:20px是讓元素基于當(dāng)前位置向下移動(dòng)20px

C.bottom:-20px是讓元素基于當(dāng)前位置向下移動(dòng)20px

D.bottom:20px是讓元素基于當(dāng)前位置向下移動(dòng)20px

9.下列關(guān)于z-index屬性描述正確的是:()。BD

A.z-index屬性用于設(shè)置上下兩層元素之間的距離,值為數(shù)字,且必須加上長(zhǎng)度范圍

B.z-index屬性用于改變?cè)氐亩询B順序,其值為一個(gè)數(shù)字,無(wú)須加單位。

C.數(shù)字越小,越靠上層。

D.數(shù)字越大,越靠上層。

10.已知連續(xù)四個(gè)<li>元素,下列選擇器中可選擇后三個(gè)li的是:()。BC

A.li>liB.li+liC.li~liD.lili

11.以下選擇器中可匹配table中tbody下的偶數(shù)行的有:()。AD

A.table>tbody>tr:nth-child(even)B.table>tbody>tr:nth-child(odd)

C.table>tbody>tr:nth-child(2n+1)D.table>tbody>tr:nth-child(2n)

12.匹配元素內(nèi)容中的首字母,可使用以下哪些選擇器:()。BC

16

A.::first-lineB.::first-letterC.:first-letterD.:first-line

13.下列可以清除浮動(dòng)對(duì)父元素帶來(lái)的影響的代碼是:()。CD

A.父元素::before{content:””;display:”table”}

B.父元素{clear:both}

C.父元素{overflow:hidden}

D.父元素:after{display:block;content:””;clear:both;}

14.下列關(guān)于彈性布局中項(xiàng)目的屬性,描述正確的是:()。BC

A.項(xiàng)目的flex-order屬性用于定義項(xiàng)目的排列順序

B.項(xiàng)目的flex-grow屬性用于定義項(xiàng)目的放大比例

C.項(xiàng)目的flex-shrink屬性用于定義項(xiàng)目的縮小比例

D.項(xiàng)目的align屬性用于單獨(dú)定義某一個(gè)項(xiàng)目在主軸上的對(duì)齊方式。

15.關(guān)于align-items屬性的值,下列描述正確的是:()。CD

A.flex-start表示讓項(xiàng)目以主軸的起點(diǎn)方向?qū)R;

B.flex-end表示讓項(xiàng)目以主軸的終點(diǎn)方向?qū)R;

C.baseline表示讓項(xiàng)目以交叉軸的基線對(duì)齊;

D.stretch表示如果項(xiàng)目未設(shè)置尺寸就讓項(xiàng)目在交叉軸上占滿所有空間。

配伍題

1.請(qǐng)為定位方式①⑤選擇右側(cè)最合適的解釋,將配對(duì)好的ae填寫到括號(hào)中。

1position:absoluea希望讓塊元素也能在一行中左右排列

2position:relativeb將元素固定在文檔顯示區(qū)中的某個(gè)位置。

讓元素相對(duì)于它在默認(rèn)文檔流中的原始位置偏移一段距

3position:fixedc

離,經(jīng)常用于對(duì)元素位置做微調(diào)時(shí)使用。

4float:leftd定義父元素中子元素的布局方式。

通過(guò)相對(duì)于離它最近的已定位(同樣設(shè)置了position屬性)

5flexe

的祖先元素實(shí)現(xiàn)定位。

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽孩荩?/p>

[參考答案]

1:e②:c③:b④:e⑤:d

編程題

1.從答案選項(xiàng)中選擇正確的代碼,將其對(duì)應(yīng)的字母填寫在空白的步驟中,從而把步驟補(bǔ)充完整:

定義登錄對(duì)話框,使其顯示在文檔顯示區(qū)中心,且不隨頁(yè)面滾動(dòng)而滾動(dòng)。已知登錄對(duì)話框?qū)?10px,

高380px。

請(qǐng)?jiān)谙铝蠧SS中補(bǔ)充選擇器和css屬性:

<style>

#loginform{

width:310px;height:380px;

17

____①____

____②____

margin-top:____③___;

margin-left:____④____;

}

</style>

[答案選項(xiàng)]

a.-190px

b.top:50%;left:50%;

c.position:absolute;

d.-155px

e.position:fixed;

f.top:190px;left:155px;

g.190px;

h.155px;

請(qǐng)?zhí)顚懀孩伲孩冢孩郏孩埽?/p>

[參考答案]①:e②:b③:a④:d

第6章

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論