《 網(wǎng)頁設(shè)計(jì)與制作（二）》題庫附有答案

《網(wǎng)頁設(shè)計(jì)與制作（二）》題庫[復(fù)制]一、選擇題1．HTML是什么語言（）[單選題]*A．高級(jí)文本語言(正確答案)B．超文本標(biāo)記語言C．?dāng)U展標(biāo)記語言D．圖形化標(biāo)記語言2.下列語句能夠正確在一個(gè)HTML頁面中導(dǎo)入在同一目錄下的“styleSheet1.css”樣式表的是（）[單選題]*A.(正確答案)B.C.<linkrel=”stylesheet1.css”type=”text/css”>D.3．在HTML文檔中，引用外部樣式表的正確位置是（）[單選題]*A．文檔的末尾(正確答案)B．C．文檔的頂部D．4．a(chǎn):hover表示超鏈接文字在（）時(shí)的狀態(tài)[單選題]*A．鼠標(biāo)按下(正確答案)B．鼠標(biāo)經(jīng)過C．未訪問D．訪問過后5．下面不屬于CSS插入形式的是(

)。[單選題]*A．索引式(正確答案)B．內(nèi)聯(lián)式C．嵌入式D．外部式6．如何為所有的元素添加背景顏色（）[單選題]*A．h1.all{background-color:#FFFFFF;}(正確答案)B．h1{background-color:#FFFFFF;}C．a(chǎn)ll.h1{background-color:#FFFFFF;}D.allh1{background-color:#FFFFFF;}7．當(dāng)希望使圖片的背景是透明的時(shí)候，應(yīng)該使用的圖像格式是（）A.JPGB.PCXC.BMPD.PNG[填空題]_________________________________8．下面哪一項(xiàng)是正確的CSS語法構(gòu)成（）[單選題]*A．body:color=black(正確答案)B．{body;color:black}C．body{color:black;}D．{body:color=black;}9．下面那個(gè)標(biāo)簽式是定義標(biāo)題的（）[單選題]*A．h1(正確答案)B．hrC．pD．hw10．如何顯示這樣一個(gè)邊框：上邊框10像素、下邊框5像素、左邊框20像素、右邊框1像素（）[單選題]*A．border-width:10px5px20px1px(正確答案)B．border-width:10px20px5px1pxC．border-width:5px20px10px1pxD．border-width:10px1px5px20px11．下列哪個(gè)css屬性能夠更改文本字體（）[單選題]*A．f(正確答案)B．colorC．font-familyfB．colorC．font-familyfB．colorC．font-familyD．text-decoration:none12．外部樣式表文件的擴(kuò)展名為（）[單選題]*A．.js(正確答案)B．.domC．.htmD．.css13．若要將網(wǎng)頁中段落里的span標(biāo)記內(nèi)的文字格式化成紅色顯示，可以利用CSS的情景選擇特性來設(shè)置，其源代碼的書寫格式正確的是()[單選題]*A．pspan{color:red;}(正確答案)B．p,span{color:red;}C．spanp{color:red;}D．i,p{color:red;}14．如何產(chǎn)生帶有正方形的項(xiàng)目的列表（）[單選題]*A．list-type:square(正確答案)B．list-style-type:squareC．type:squareD．type:215．我們發(fā)現(xiàn)為頁面中的圖像加入超鏈接后，默認(rèn)情況下都帶有一道黑框，有什么方法可以去掉它呢（）[單選題]*A．bordercolor="white"(正確答案)B．border="0"C．style="noborder"D．style="0"16．以下的CSS中，可使所有元素變?yōu)榇煮w的正確語法是（）[單選題]*A．(正確答案)B．C．p{font-weight:bold}D．p{text-size:bold}17．有關(guān)下列方框?qū)傩哉_的是（）[單選題]*A.margin-left是設(shè)置對(duì)象的左填充(正確答案)B.border-width是設(shè)置邊框的線型C.padding-left屬性設(shè)置元素左內(nèi)邊距D.以上說法都不對(duì)18．A文件夾與B文件夾是同級(jí)文件夾，其中A下有a.htm，B下有b.htm文件，現(xiàn)在我們希望在a.htm文件中創(chuàng)建超鏈接，鏈接到b.htm，應(yīng)該在a.htm頁面代碼中如何描述鏈接內(nèi)容（）[單選題]*A．(正確答案)b.htmB．././././B/b.htmC．../B/b.htmD．../../b.htm19．在

html

中,下列css屬性中不屬于盒子屬性的是(

)[單選題]*A．border(正確答案)B．paddingC．floatD．margin20．下列屬于靜態(tài)網(wǎng)頁的是（）[單選題]*A．kcjj.htm(正確答案)B．index.jspC．index.aspD．index.php21．下列哪個(gè)css屬性能夠更改文本的字體顏色（）[單選題]*A．line-height(正確答案)B．colorC．background-colorD．text-decoration:none22．下列哪種方式是類選擇器定義樣式的（）[單選題]*A．p{color:red}(正確答案)B..one{color:red}C#two{color:red}D.p,h1{color:red}23下面（）是ID的樣式規(guī)則定義[單選題]*A.TR{clore:red;font-family:"隸書";font-size:24px;}(正確答案)B..H2{color:red;font-family:"隸書";}C.#grass{color:green;font-family:"隸書";font-size:24px;}D.P{background-color:#CCFF33;text-align:left;}24.

在HTML網(wǎng)頁中添加如下CSS樣式，鼠標(biāo)懸浮在鏈接上面時(shí)，網(wǎng)頁中的鏈接呈現(xiàn)的顏色為(

)body{color:red;}a{color:black;}a:link,a:visited{color:blue;}a:hover,a:active{color:green;}...

紅色

綠色

藍(lán)色

黑色25.

在HTML中，以下關(guān)于CSS樣式中文本屬性的說法，錯(cuò)誤的是(

)

A.font-size用于設(shè)置文本字體的大小B.font-family用于設(shè)置文本的字體類型C.color用于設(shè)置文本的顏色D.text-align用于設(shè)置文本的字體形狀26.

在HTML中，通過()可以實(shí)現(xiàn)鼠標(biāo)懸停在超鏈接上時(shí)，為無下劃線的效果。

A、a{text-decoration:underline}

B、a{text-decoration:none}

C、a:hover{text-decoration:none}

D、a:link{text-decoration:underline}

27.

在HTML中，使用標(biāo)簽插入圖像，下列選項(xiàng)關(guān)于的src屬性說法正確的是(

)

A.用來設(shè)置圖片文件的格式B.用來設(shè)置圖片文件所在的位置C.用來設(shè)置鼠標(biāo)指向圖片時(shí)顯示的文字D.用來設(shè)置圖片周圍顯示的文字28．HTML語言中標(biāo)記的作用是(

)[單選題]*A．文字變粗體(正確答案)B．文字變斜體C．給文字加刪除線D．給文字加下劃線29.樣式表定義#title{color:red;}表示（）[單選題]*A.

網(wǎng)頁中的標(biāo)題是紅色的(正確答案)B.

網(wǎng)頁中某一個(gè)id為title的元素中的內(nèi)容是紅色的C.

網(wǎng)頁中元素名為title的內(nèi)容是紅色的D.

以上任意一個(gè)都可以30.為了標(biāo)識(shí)一個(gè)HTML文件開始應(yīng)該使用的HTML標(biāo)記是

(

)[單選題]*A．

B．(正確答案)31.在HTML語言中，表格的每一行的標(biāo)記是（）[單選題]*A．B．C．D．(正確答案)32.divp{color:blue;}表示的是(

)[單選題]*A．div標(biāo)記所包含的所有的p標(biāo)記中的文字顏色設(shè)置為藍(lán)色(正確答案)B．div標(biāo)記直接包含的p標(biāo)記中的文字顏色設(shè)置為藍(lán)色C．使用了類名為div的元素所包含的p標(biāo)記中的文字顏色設(shè)置為藍(lán)色D．div標(biāo)記中使用了類名為p的元素中所包含的文字設(shè)置為藍(lán)色33.元素設(shè)置padding:10px20px25px5px,實(shí)現(xiàn)的效果是(

)[單選題]*上內(nèi)邊距10px下內(nèi)邊距20px左內(nèi)邊距25px右內(nèi)邊距5px(正確答案)上內(nèi)邊距10px右內(nèi)邊距20px下內(nèi)邊距25px左內(nèi)邊距5px上內(nèi)邊距10px左內(nèi)邊距20px下內(nèi)邊距25px右內(nèi)邊距5px上內(nèi)邊距10px下內(nèi)邊距20px右內(nèi)邊距25px左內(nèi)邊距5px34.默認(rèn)情況下，設(shè)置元素的width屬性，設(shè)置的是（）[單選題]*A．包含內(nèi)邊距的左內(nèi)邊距到右內(nèi)邊距的寬度(正確答案)B．包含邊框的左邊框到右邊框的寬C．包含外邊距的左外邊距到右外邊距的寬度D．內(nèi)容區(qū)的寬度35.使用哪個(gè)聲明可以將盒子溢出的內(nèi)容隱藏不可見（）[單選題]*A．overflow：hidden(正確答案)B．overflow：autoC．overflow：visibleD．overflow：scroll36.下列標(biāo)記屬于單標(biāo)記，不需要成對(duì)出現(xiàn)的是()[單選題]*A．(正確答案)B．C．D．37．下面哪一項(xiàng)是把span轉(zhuǎn)為塊級(jí)元素（）[單選題]*A．display：block(正確答案)B.display:inlineC.display:inline-blockD.display:none;38.．下列特殊符號(hào)（）表示的是空格。[單選題]*A．"(正確答案)B．

C．&D．?39.以下哪個(gè)路徑是絕對(duì)路徑（）。[單選題]*A．Index.html(正確答案)B．C．/index.htmlD．/40.下面哪個(gè)方法可以去掉文本超鏈接的下劃線()[單選題]*A.a{text-decoration:none;}(正確答案)B.a{decoration:noline;}C.a{decoration:nounderline;}D.a{text-decoration:no;}二、填空題1．相對(duì)定位的參照對(duì)象是__它在正常文檔流中的原位置___。[填空題]_________________________________2．在實(shí)際工作中，經(jīng)常使用ul元素和li元素制作導(dǎo)航。[填空題]_________________________________3．在流式布局中，一般水平方向?qū)挾?、?nèi)間距、外間距用%作單位[填空題]_________________________________4．網(wǎng)站主頁的名字為_index.htm(index.html)__或_default.htm(default.html)__[填空題]_________________________________5．調(diào)整多個(gè)定位對(duì)象層疊順序用到的CSS屬性是__z-index___。[填空題]_________________________________6．CSS屬性中用于指定內(nèi)容與邊框之間距離為2px的是_padding:2px____。[填空題]_________________________________7．網(wǎng)頁中插入圖像使用img標(biāo)簽[填空題]_________________________________8．行內(nèi)元素和塊級(jí)元素相互轉(zhuǎn)換使用的CSS屬性是__display___。[填空題]_________________________________9．CascadingStyleSheets的縮寫是_CSS____，全稱為__層疊樣式表___。[填空題]*10.閱讀下面HTML代碼，如果期望tabs位于box容器的右下角，[單選題]*(正確答案)#box{position:___relactive__;}#tabs{position::__absolute___;right:0;bottom:0;}11..box{margin-right:10px;margin-top:5px;margin-left:15px;margin-bottom:20px;}[單選題]*上述代碼的另一種寫法是：(正確答案).box{margin:___5px_____10px_____20px___15px____;}12．單元格水平合并所用的屬性值是：colspan。[單選題]*單元格垂直合并所用的屬性值是：rowspan。(正確答案)13．若要在瀏覽器的標(biāo)題欄顯示文字，應(yīng)該使用的標(biāo)記是title。[填空題]_________________________________14．CSS樣式表可以實(shí)現(xiàn)結(jié)構(gòu)和外觀（樣式）的分離。[填空題]_________________________________15．____div______標(biāo)記是一個(gè)區(qū)塊容器標(biāo)記，幾乎可以裝任何html元素。[填空題]*16.6.超級(jí)鏈接元素a有很多屬性，其中用來指明超級(jí)鏈接所指向的URL的屬性是href。[填空題]_________________________________17.要想實(shí)現(xiàn)盒子與盒子之間的距離用哪個(gè)屬性margin[填空題]_________________________________18.在HTML中，要定義一個(gè)空鏈接使用的標(biāo)記是[填空題]_________________________________19.外部樣式表文件的擴(kuò)展名為.css[填空題]_________________________________20.定義后代選擇器時(shí)用空格分隔。[填空題]_________________________________21.在HTML中設(shè)置圓角矩形，使用CSS3中的border-radius屬性[填空題]_________________________________22.類選擇器定義時(shí)使用“.”進(jìn)行標(biāo)識(shí)。