網(wǎng)頁制作練習(xí)測試題附答案_第1頁
網(wǎng)頁制作練習(xí)測試題附答案_第2頁
網(wǎng)頁制作練習(xí)測試題附答案_第3頁
網(wǎng)頁制作練習(xí)測試題附答案_第4頁
網(wǎng)頁制作練習(xí)測試題附答案_第5頁
已閱讀5頁，還剩17頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

網(wǎng)頁制作練習(xí)測試題附答案單選題（總共40題）1.下列選項中，可以定義input取值的控件是（）(1分)A、keygenB、multipleC、selectedD、datalist答案：D解析：

datalist控件通常與input控件配合使用，來定義input的取值。2.HTML5中，用于指定頁面加載后是否自動獲取焦點的input屬性是（

）。(1分)A、form屬性B、autofocus屬性C、multiple屬性D、autocomplete屬性答案：B解析：

在HTML5中，autofocus屬性用于指定頁面加載后是否自動獲取焦點，將標(biāo)記的屬性值指定為true時，表示頁面加載完畢后會自動獲取該焦點。3.下列選項中，能夠從內(nèi)容區(qū)域向外裁剪背景的屬性值是（）(1分)A、padding-boxB、border-boxC、content-boxD、contain答案：C解析：

background-clip屬性和background-origin屬性的取值相似，但含義不同，具體解釋如下。border-box：默認(rèn)值，從邊框區(qū)域向外裁剪背景。padding-box：從內(nèi)邊距區(qū)域向外裁剪背景。content-box：從內(nèi)容區(qū)域向外裁剪背景。4.關(guān)于無序列表，下列說法錯誤的是（）(1分)A、無序列表<ul>可以讓列表項采用大寫羅馬字母表示B、無序列表<ul>里面只能放置<li>，不能放其他標(biāo)簽C、無序列表<ul>里面可以直接嵌套其他標(biāo)簽D、無序列表<li>里面不可以嵌套其他標(biāo)簽答案：B解析：

無序列表<ul>，其type樣式只能是disc、circle、square三種，不能采用大寫羅馬字母表示。無序列表<ul>里面只能放置<li>，不能放其他標(biāo)簽，但是<li>里面可以放其他標(biāo)簽。5.關(guān)于行內(nèi)式引入CSS樣式表，以下書寫正確的是（）(1分)A、段落文本B、段落文本C、段落文本D、段落文本答案：C解析：

行內(nèi)式也稱為內(nèi)聯(lián)樣式，是通過標(biāo)記的style屬性來設(shè)置元素的樣式，其基本語法格式如下： <標(biāo)記名style="屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;">內(nèi)容</標(biāo)記名>

6.若要在網(wǎng)頁中插入樣式表main.css，以下用法中正確的是（）(1分)A、<linksrc="main.css"type="text/css"rel="stylesheet">B、<includehref="main.css"type="text/css"rel="stylesheet">C、<linkhref="main.css"type="text/css">D、<linkhref="main.css"type="text/css"rel="stylesheet">答案：D解析：

使用<link>標(biāo)簽引用外部CSS樣式表：<linkrel="stylesheet"type="text/css"href="main.css"/>上面的代碼，表示引用當(dāng)前HTML頁面所在文件夾中，文件名為“main.css”的CSS樣式表文件。7.在CSS中，用于設(shè)置首行文本縮進的屬性是（

）(1分)A、text-decorationB、text-alignC、text-transformD、text-indent答案：D解析：

text-decoration屬性用于設(shè)置文本的下劃線，上劃線，刪除線等裝飾效果；text-align屬性用于設(shè)置文本內(nèi)容的水平對齊；text-transform屬性用于控制英文字符的大小寫；text-indent屬性用于設(shè)置首行文本的縮進。故選D8.下面的代碼中，可以設(shè)置單元格寬度的是（）(1分)A、td{width:50px;}B、td{height:50px;}C、td{line-height:50px;}D、td{font-size:50px;}答案：A解析：

控制某個單元格時，用width設(shè)置單元格的寬度。9.下列選項中，用于定義執(zhí)行動畫效果之前延遲時間的屬性是（

）。(1分)A、animation-duration屬性B、animation-timing-function屬性C、animation-delay屬性D、animation-direction屬性答案：C解析：

animation-delay屬性用于定義執(zhí)行動畫效果之前延遲的時間，即規(guī)定動畫什么時候開始。10.下面的選項中,類選擇器的基本語法格式正確的是（

）(1分)A、.類名{屬性值1;屬性值2;屬性值3;}B、.類名{屬性1:屬性值1，屬性2:屬性值2，屬性3:屬性值3}C、.類名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}D、.類名{屬性1:“屬性值1”;屬性2:“屬性值2”;屬性3:“屬性值3”;}答案：C解析：

類選擇器使用“.”（英文點號）進行標(biāo)識，后面緊跟類名，其基本語法格式如下： .類名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}11.下面的選項中,id選擇器的基本語法格式正確的是（

）(1分)A、.#id名{屬性值1;屬性值2;屬性值3;}B、#id名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}C、#id名{屬性1:屬性值1，屬性2:屬性值2，屬性3:屬性值3}D、#id名{屬性1:“屬性值1”;屬性2:“屬性值2”;屬性3:“屬性值3”;}答案：B解析：

id選擇器使用“#”進行標(biāo)識，后面緊跟id名，其基本語法格式如下： #id名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}12.關(guān)于有序列表的描述，下列說法正確的是（）(1分)A、有序列表沒有排列順序B、有序列表按順序排列，并不帶有序號C、有序列表按順序排列并通過type屬性定義序號樣式D、有序列表不可以和無序列表嵌套使用答案：C解析：

有序列表即為有排列順序的列表，其各個列表項按照一定的順序排列并帶有序號。有序列表type屬性定義序號樣式，有序列表和無序列表可以嵌套使用。13.下列樣式代碼中，可實現(xiàn)元素的溢出內(nèi)容被修剪，且被修剪的內(nèi)容不可見的是（）(1分)A、overflow:visible;B、overflow:hidden;C、overflow:auto;D、overflow:scroll;答案：B解析：

overflow屬性的常用值有四個，分別表示不同的含義：visible：內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外（默認(rèn)值）。hidden：溢出內(nèi)容會被修剪，并且被修剪的內(nèi)容是不可見的。auto：在需要時產(chǎn)生滾動條，即自適應(yīng)所要顯示的內(nèi)容。scroll：溢出內(nèi)容會被修剪，且瀏覽器會始終顯示滾動條。14.下列選項中，專門用于定義輸入搜索關(guān)鍵詞的input元素類型是（

）。(1分)A、email類型B、search類型C、number類型D、tel類型答案：B解析：

search

類型是一種專門用于輸入搜索關(guān)鍵詞的文本框，它能自動記錄一些字符，例如站點搜索或者Google搜索。15.下列選項中，對HTML5新功能和新特性支持最好的瀏覽器是（

）。(1分)A、IE瀏覽器B、火狐瀏覽器C、Google瀏覽器D、Opera瀏覽器答案：C解析：

由于谷歌瀏覽器對HTML5及CSS3的兼容性支持較好，而且調(diào)試網(wǎng)頁非常方便，所以在HTML5網(wǎng)頁制作過程中谷歌瀏覽器是最常用的瀏覽器。16.下列選項中，能夠讓元素傾斜顯示的變形函數(shù)是（

）。(1分)A、translate（）方法B、scale()方法C、skew()方法D、rotate()方法答案：C解析：

skew()方法能夠讓元素傾斜顯示，該函數(shù)包含兩個參數(shù)值，分別用來定義X軸和Y軸坐標(biāo)傾斜的角度。17.在內(nèi)嵌式CSS樣式中，標(biāo)記可以設(shè)置元素的樣式，它一般位于（

）標(biāo)記中標(biāo)記之后。(1分)A、<h1>B、C、<head>D、<body>答案：C解析：

暫無解析18.下列選項中，用于規(guī)定動畫的速度曲線的屬性是（

）。(1分)A、animation-duration屬性B、animation-timing-function屬性C、animation-delay屬性D、animation-direction屬性答案：B解析：

animation-timing-function用來規(guī)定動畫的速度曲線，可以定義使用哪種方式來執(zhí)行動畫效果19.在HTML文檔頭部標(biāo)記中，使用標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁關(guān)鍵字的name屬性值應(yīng)該為（

）。(1分)A、keywordsB、descriptionC、charsetD、expires答案：A解析：

"keywords"

是一個經(jīng)常被用到的名稱。它為文檔定義了一組關(guān)鍵字。某些搜索引擎在遇到這些關(guān)鍵字時，會用這些關(guān)鍵字對文檔進行分類，name屬性用來設(shè)置關(guān)鍵字。20.若超鏈接的href屬性，需要鏈接到list頁面中的one錨點，以下書寫正確的是（

）(1分)A、list.htmlB、#one.listC、list#oneD、list.html#one答案：D解析：

創(chuàng)建錨點鏈接時，應(yīng)該先寫鏈接頁面再寫錨點名稱。21.下列標(biāo)簽中，可以添加水平線的是（）(1分)A、<h1>B、<hr/>C、D、答案：B解析：

暫無解析22.下列選項中，用于設(shè)置邊框顏色的屬性是（）(1分)A、border-colorB、border-widthC、background-colorD、border-style答案：A解析：

border-color屬性用于設(shè)置邊框的顏色。23.下列選項中，用于定義執(zhí)行動畫效果之前延遲時間的屬性是（）(1分)A、animation-duration屬性B、animation-timing-function屬性C、animation-delay屬性D、animation-direction屬性答案：C解析：

animation-delay屬性用于定義執(zhí)行動畫效果之前延遲的時間，即規(guī)定動畫什么時候開始。24.關(guān)于list-style-image屬性的基本格式，下列書寫正確的是（）(1分)A、list-style-image:url(圖片位置);B、list-style-image:(圖片位置);C、list-style-image:;D、list-style-image:src(圖片位置);答案：A解析：

暫無解析25.在3D變形中，指定元素圍繞Y軸旋轉(zhuǎn)的函數(shù)是（

）。(1分)A、rotateX()函數(shù)B、rotateY()函數(shù)C、rotateZ()函數(shù)D、rotate3d()方法答案：B解析：

rotateY()函數(shù)用于指定元素圍繞Y軸旋轉(zhuǎn)。26.在CSS中，可以將元素的定位模式設(shè)置為絕對定位方式的是（）(1分)A、position:static;B、position:relative;C、position:absolute;D、position:fixed;答案：C解析：

position屬性的取值為absolute時，可以設(shè)置元素的絕對定位。27.頁面上的div標(biāo)簽，其HTML代碼為文字，為其設(shè)置CSS樣式如下： #box{

color:blue; } 那么，文字的顏色將顯示為(

)(1分)A、紅色B、藍色C、黑色D、以上選項都不正確答案：B解析：

不同的選擇器對同一個元素設(shè)置文本顏色時，瀏覽器會根據(jù)選擇器的優(yōu)先級規(guī)則解析CSS樣式。題目中的div標(biāo)簽，其行內(nèi)樣式設(shè)置文字為紅色，id選擇器樣式設(shè)置文字為藍色。由于id選擇器的權(quán)重小于行內(nèi)樣式，所以文字顏色顯示為紅色。 一般來說，選擇器權(quán)重優(yōu)先順序為：行內(nèi)樣式>id選擇器>類選擇器>標(biāo)簽選擇器。28.HTML5中（

）元素可替代標(biāo)記來定義頁面底部。(1分)A、navB、headerC、asideD、footer答案：D解析：

暫無解析29.下列選項中，可以設(shè)置列表項目符號位于列表文本以內(nèi)的是（）(1分)A、list-style-position:inside;B、list-style-position:outside;C、list-style-position:none;D、list-style-position:0;答案：A解析：

inside：列表項目符號位于列表文本以內(nèi)。outside：列表項目符號位于列表文本以外（默認(rèn)值）。30.下列選項中，用于定義整個動畫效果完成所需要時間的屬性是（

）。(1分)A、animation-duration屬性B、animation-timing-function屬性C、animation-delay屬性D、animation-direction屬性答案：A解析：

animation-duration屬性用于定義整個動畫效果完成所需要的時間，以秒或毫秒計。31.下列選項中，能夠清除浮動的屬性是（）(1分)A、floatB、clearC、staticD、relative答案：B解析：

A選項是定義浮動的屬性，CD選項是定位屬性。32.下列選項中，用于改變盒子模型外邊距的是（

）。(1分)A、marginB、paddingC、typeD、border答案：A解析：

暫無解析33.在HTML中，表示內(nèi)嵌CSS樣式的標(biāo)記是（

）。(1分)A、<title>B、<style>C、<head>D、<meta>答案：B解析：

在HTML中使用style標(biāo)記表示使用內(nèi)嵌式的CSS樣式。34.在HTML中，網(wǎng)頁要顯示的主體內(nèi)容應(yīng)放置在（）(1分)A、<title></title>標(biāo)簽之間B、<head></head>標(biāo)簽之間C、<body></body>標(biāo)簽之間D、HTML中的任意位置答案：C解析：

<title>與</title>標(biāo)簽之間，輸入HTML文檔的標(biāo)題，在<body>與</body>標(biāo)簽之間添加網(wǎng)頁要顯示的主體內(nèi)容。35.下列選項中，字號最大的是哪一項？(

)(1分)A、<h1>B、<h2>C、<h3>D、<h4>答案：A解析：

HTML提供了6個等級的標(biāo)題，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，從<h1>到<h6>字號依次遞減。36.在3D變形中，指定元素圍繞X軸旋轉(zhuǎn)的函數(shù)是（

）。(1分)A、rotateX()函數(shù)B、rotateY()函數(shù)C、rotateZ()函數(shù)D、rotate3d()方法答案：A解析：

rotateX()函數(shù)用于指定元素圍繞X軸旋轉(zhuǎn)。37.下面標(biāo)簽中，用來顯示段落的標(biāo)簽是（）(1分)A、<h1>B、

C、D、答案：D解析：

<h1>標(biāo)簽是標(biāo)題標(biāo)簽，是換行標(biāo)簽，是圖像標(biāo)簽，只有是段落標(biāo)簽。38.下列屬性中，用于設(shè)置圖像提示文字的是（）(1分)A、titleB、altC、widthD、height答案：A解析：

用于設(shè)置鼠標(biāo)懸停時圖像的提示文字的屬性是title屬性。39.下列選項中，屬于animation-timing-function默認(rèn)屬性值的是（

）。(1分)A、easeB、ease-inC、ease-outD、linear答案：A解析：

animation-timing-function的默認(rèn)屬性值為ease，適用于所有的塊元素和行內(nèi)元素。另外，animation-timing-function還包括linear、ease-in、ease-out、ease-in-out、cubic-bezier(n,n,n,n)等常用屬性值。40.border-style屬性值中，可以設(shè)置邊框為單實線的是（）(1分)A、noneB、solidC、dashedD、double答案：B解析：

none：沒有邊框即忽略所有邊框的寬度（默認(rèn)值）。solid：邊框為單實線。dashed：邊框為虛線。dotted：邊框為點線。double：邊框為雙實線。多選題（總共30題）1.表單是由以下哪些基本元素構(gòu)成的（）(1分)A、表單控件B、提示信息C、表單域D、文本域答案：ABC解析：

在HTML中，一個完整的表單通常由表單控件（也稱為表單元素）、提示信息和表單域3個部分構(gòu)成。2.關(guān)于section標(biāo)簽的描述，下列說法正確的是（）(1分)A、section標(biāo)簽表示一段專題性的內(nèi)容B、section不僅僅是一個普通的容器標(biāo)簽C、沒有標(biāo)題的內(nèi)容模塊不要使用section標(biāo)簽定義D、section標(biāo)簽強調(diào)分段或分塊答案：ABCD解析：

section標(biāo)簽表示一段專題性的內(nèi)容，一般會帶有標(biāo)題，主要應(yīng)用在文章的章節(jié)中。例如，新聞的詳情頁有一篇文章，該文章有自己的標(biāo)題和內(nèi)容，因此可以使用article標(biāo)簽標(biāo)注，如果該新聞內(nèi)容太長，分好多段落，每段都有自己的小標(biāo)題，這時候就可以使用section標(biāo)簽把段落標(biāo)注起來。在使用section標(biāo)簽時，需要注意以下幾點：section不僅僅是一個普通的容器標(biāo)簽。當(dāng)一個標(biāo)簽只是為了樣式化或者方便腳本使用時，應(yīng)該使用div標(biāo)簽。如果article標(biāo)簽、aside標(biāo)簽或nav標(biāo)簽更符合使用條件，那么不要使用section標(biāo)簽。沒有標(biāo)題的內(nèi)容模塊不要使用section標(biāo)簽定義。值得一提的是，在HTML5中，article標(biāo)簽可以看作是一種特殊的section標(biāo)簽，它比section標(biāo)簽更具有獨立性，即section標(biāo)簽強調(diào)分段或分塊，而article標(biāo)簽強調(diào)獨立性。如果一塊內(nèi)容相對來說比較獨立、完整時，應(yīng)該使用article標(biāo)簽；但是如果想要將一塊內(nèi)容分成多段時，應(yīng)該使用section標(biāo)簽。3.關(guān)于定義無序列表的基本語法格式，以下描述正確的是（

）(1分)A、<ul></ul>標(biāo)記用于定義無序列表。B、<li></li>標(biāo)記嵌套在<ul></ul>標(biāo)記中，用于描述具體的列表項。C、每對<ul></ul>中至少應(yīng)包含一對<li></li>。D、<li>不可以定義type屬性，只能使用CSS樣式屬性代替。答案：ABC解析：

在上面的語法中，<ul></ul>標(biāo)記用于定義無序列表，<li></li>標(biāo)記嵌套在<ul></ul>標(biāo)記中，用于描述具體的列表項，每對<ul></ul>中至少應(yīng)包含一對<li></li>。值得一提的是，<ul>和<li>都擁有type屬性，用于指定列表項目符號。但通常不贊成使用無序列表的type屬性，一般通過CSS樣式屬性替代。4.關(guān)于標(biāo)記，下列說法正確的是（

）。(1分)A、標(biāo)記負(fù)責(zé)給文本添加"段落"語義B、標(biāo)記里面可以放置標(biāo)記C、標(biāo)記里面可以放置<h3>標(biāo)記D、標(biāo)記可以嵌套使用，比如答案：AB解析：

標(biāo)記是英語paragraph段落的意思，負(fù)責(zé)給文本添加段落語義。標(biāo)記屬于文本級標(biāo)記，里面只能放置文本級的元素，比如文字、圖片、表單元素、超級鏈接、標(biāo)記、<b>標(biāo)記、<u>標(biāo)記、<i>標(biāo)記等。不能放置<h1>~<h6>系列標(biāo)記。并且標(biāo)記不能嵌套標(biāo)記。5.transform-function用于設(shè)置變形函數(shù)，下列選項中，屬于

transform-function函數(shù)的是（

）。(1分)A、matrix（）B、translate（）C、scale（）D、rotate（）答案：ABCD解析：

transform-function函數(shù)包括matrix（）、translate（）、scale（）rotate（）和skew（）等。6.下列樣式代碼中，可精確定義元素位置的是（）(1分)A、.special{position:absolute;}B、.special{position:absolute;top:20px;left:16px;}C、.special{position:relative;;top:20px;left:16px;}D、.special{position:relative;}答案：BC解析：

定位模式（position）僅僅用于定義元素以哪種方式定位，并不能確定元素的具體位置，在CSS中，通過邊偏移屬性top、bottom、left或right，來精確定義定位元素的位置。7.關(guān)于元素的靜態(tài)定位模式，下列說法正確的是（

）。(1分)A、靜態(tài)定位是元素的默認(rèn)定位方式B、當(dāng)position屬性的取值為static時，可以將元素定位于靜態(tài)位置C、靜態(tài)定位時各個元素在HTML文檔流中默認(rèn)的位置D、可以通過邊偏移屬性來改變靜態(tài)定位元素的位置答案：ABC解析：

在靜態(tài)定位狀態(tài)下，無法通過邊偏移屬性（top、bottom、left或right）來改變元素的位置。8.下面選項中，屬于盒子模型主要屬性的是（

）。(1分)A、paddingB、marginC、typeD、border答案：ABD解析：

盒子模型的主要屬性有：內(nèi)邊距padding、外邊距margin、邊框border、背景background等。9.下列樣式代碼中，可用于清除浮動的是（

）。(1分)A、overflow:hidden;B、overflow:visible;C、clear:both;D、clear:center;答案：AC解析：

常用的清除浮動的方法： 1）clear屬性（其取值可為left、right、both） 2）空標(biāo)記清除浮動 3）overflow屬性清除浮動 4）after偽對象清除浮動10.關(guān)于nav標(biāo)簽的描述，下列說法正確的是（）(1分)A、nav標(biāo)簽是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)標(biāo)簽B、nav標(biāo)簽用于定義導(dǎo)航鏈接C、nav標(biāo)簽?zāi)苁鬼撁嬖氐恼Z義更加明確D、nav是HTML5新增的標(biāo)簽答案：BCD解析：

nav標(biāo)簽用于定義導(dǎo)航鏈接，是HTML5新增的標(biāo)簽，該標(biāo)簽可以將具有導(dǎo)航性質(zhì)的鏈接歸納在一個區(qū)域中，使頁面元素的語義更加明確。11.下列選項中，屬于網(wǎng)頁術(shù)語的是（）(1分)A、WebB、HTTPC、DNSD、IOS答案：ABC解析：

WEB就是我們說網(wǎng)頁，它是一系列技術(shù)的復(fù)合總稱（包括網(wǎng)站的前臺布局、后臺程序、美工、數(shù)據(jù)庫開發(fā)等），我們稱它為網(wǎng)頁，HTTP(英文Hypertexttransferprotocol的縮寫)中文譯為超文本傳輸協(xié)議，DNS（英文DomainNameSystem的縮寫）是域名解析系統(tǒng)。IOS是蘋果設(shè)備的主開發(fā)語言并不是網(wǎng)頁術(shù)語。12.下列選項中，屬于input控件的是（

）。(1分)A、單行文本輸入框B、單選按鈕C、復(fù)選框D、提交按鈕答案：ABCD解析：

Input元素的type屬性可以定義單行文本輸入框、單選按鈕、復(fù)選框、提交按鈕、重置按鈕等。13.關(guān)于CSS精靈的描述，下列選項說法正確的是（）(1分)A、CSS精靈是將網(wǎng)頁中的一些背景圖像整合到一張大圖中，這張圖被稱為精靈圖。B、CSS精靈是一種處理網(wǎng)頁背景圖像的方式。C、CSS精靈可以加快網(wǎng)頁的加載速度，它不存在任何劣勢。D、使用CSS精靈技術(shù)可以提高頁面的加載速度。答案：ABD解析：

CSS精靈雖然可以加快網(wǎng)頁的加載速度，但是它也存在一定的劣勢，如果頁面背景有少許改動，就需要修改精靈圖和CSS樣式代碼。故C選項錯誤14.下列選項中，屬于list-style-type屬性值的是（）(1分)A、discB、squareC、alphaD、upper-roman答案：ABD解析：

list-style-type的屬性值及顯示效果：列表類型屬性值顯示效果無序列表（ul）disc●circle○square■有序列表（ol）decimal阿拉伯?dāng)?shù)字1、2、4......upper-alpha大寫英文字母A、B、C......lower-alpha小寫英文字母a、b、c......upper-roman大寫羅馬數(shù)字I、II、III......lower-roman小寫羅馬數(shù)字i、ii、iii......<ul>、<ol>公共屬性none不顯示任何符號15.animation屬性也是一個復(fù)合屬性，可以同時設(shè)置的屬性包括（

）。(1分)A、animation-name屬性B、animation-timing-function屬性C、animation-delay屬性D、animation-direction屬性答案：ABCD解析：

animation屬性也是一個簡寫屬性，用于在一個屬性中設(shè)置animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count和animation-direction六個動畫屬性。16.關(guān)于元素的相對定位模式，下列說法正確的是（

）。(1分)A、相對定位是將元素相對于他在標(biāo)準(zhǔn)文檔流中的位置進行定位B、當(dāng)position屬性的取值為absolute時，可以將元素定位于相對位置C、可通過邊偏移屬性改變相對定位元素的位置D、應(yīng)用相對定位后，元素在文檔流中的位置將消失答案：AC解析：

當(dāng)position屬性的取值為relative時，可以將元素定位于相對位置。 對元素設(shè)置相對定位后，可以通過邊偏移屬性改變元素的位置，但是他在文檔流中的位置仍然保留。17.下列選項中，text-decoration屬性的屬性值有（）(1分)A、noneB、underlineC、overlineD、line-through答案：ABCD解析：

text-decoration屬性的可用屬性值有：none：沒有裝飾（正常文本默認(rèn)值）。underline：下畫線。overline：上劃線。line-through：刪除線。18.下列選項中，屬于標(biāo)記的必須屬性的是（

）。(1分)A、colsB、rowsC、valueD、size答案：AB解析：

cols和rows為<textarea>標(biāo)記的必須屬性，其中cols用來定義多行文本輸入框每行中的字符數(shù)，rows用來定義多行文本輸入框顯示的行數(shù)，它們的取值均為正整數(shù)。19.下列選項中，屬于標(biāo)簽屬性的是（）(1分)A、borderB、cellspacingC、cellpaddingD、background答案：ABCD解析：

以上4項都是<table>標(biāo)簽的常用屬性。20.關(guān)于audio標(biāo)簽的描述，下列說法正確的是（）(1分)A、audio是一個視頻標(biāo)簽B、audio是一個音頻標(biāo)簽C、在<audio>和</audio>之間不能插入文字D、在<audio>和</audio>之間可以插入文字答案：BD解析：

audio標(biāo)簽用于定義音頻文件。在<audio>和</audio>之間還可以插入文字，當(dāng)瀏覽器不支持audio標(biāo)簽時，就會在瀏覽器中顯示該文字。21.下面的選項中，CSS樣式書寫正確的是（

）(1分)A、p{font-size:12px;color:red;}B、p{font-size=12px;color=red}C、p{font-size:12px;}D、p{font-size:12;color:red;}答案：AC解析：

CSS樣式規(guī)則，具體格式如下： 選擇器{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;} 在上面的樣式規(guī)則中，屬性值之間用冒號隔開，因此B項是錯誤的。字體大小后面要跟單位，因此D項錯誤。22.在CSS中定義字號大小時，下列代碼書寫正確的是（）(1分)A、p{font-size:12px;}B、p{font-size:12px;}C、p{font-size:"12px";}D、p{font-size:12em;}答案：AD解析：

font-size屬性用于設(shè)置字號，該屬性的值可以使用相對長度單位，如：px、em。推薦使用像素單位px。例如將網(wǎng)頁中所有段落文本的字號大小設(shè)為12px，可以使用如下CSS樣式代碼：p{font-size:12px;}注意屬性的值和單位之間是不允許出現(xiàn)空格。23.下面的選項中，哪些CSS屬性沒有繼承性（

）(1分)A、字體屬性B、邊框?qū)傩訡、邊距屬性D、字號屬性答案：BC解析：

本題考查的是CSS的繼承性。所謂繼承性是指書寫CSS樣式表時，子標(biāo)記會繼承父標(biāo)記的某些樣式，如文本顏色、字號及字體；但邊框及邊距屬性是不具有繼承性的。24.overflow屬性用于規(guī)范溢出內(nèi)容的顯示方式，下列選項中屬于overflow常用屬性值的是（

）。(1分)A、visibleB、hiddenC、autoD、scroll答案：ABCD解析：

overflow屬性的常用值有四個，分別表示不同的含義：

visible：內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外（默認(rèn)值）。

hidden：溢出內(nèi)容會被修剪，并且被修剪的內(nèi)容是不可見的。

auto：在需要時產(chǎn)生滾動條，即自適應(yīng)所要顯示的內(nèi)容。

scroll：溢出內(nèi)容會被修剪，且瀏覽器會始終顯示滾動條。。25.關(guān)于video標(biāo)簽的描述，下面說法正確的是（）(1分)A、video是一個視頻標(biāo)簽B、video是一個音頻標(biāo)簽C、video標(biāo)簽中可以添加autoplay屬性D、在<video>中可以插入文字答案：ACD解析：

video標(biāo)簽用于定義視頻文件。當(dāng)在<video>和</video>之間還可以插入文字，當(dāng)瀏覽器不支持video標(biāo)簽時，就會在瀏覽器中顯示該文字。值得一提的是，在video標(biāo)簽中還可以添加autoplay、loop、preload、poster屬性，可進一步優(yōu)化視頻的播放效果。26.下列樣式代碼中，可用于設(shè)置背景圖像平鋪方式的是（

）。(1分)A、background-repeat:no-repeat;B、background-attachment:fixed;C、background-attachment:scroll;D、background-repeat:repeat-x;答案：AD解析：

background-repeat屬性用于控制背景圖像的平鋪，其取值如下： repeat：沿水平和豎直兩個方向平鋪（默認(rèn)值） no-repeat：不平鋪（圖像位于元素的左上角，只顯示一次） repeat-x：只沿水平方向平鋪 repeat-y：只沿豎直方向平鋪27.下列選項中，屬于clear屬性值的有（）(1分)A、leftB、bothC、rightD、none答案：ABC解析：

left不允許左側(cè)有浮動元素（清除左側(cè)浮動的影響）right不允許右側(cè)有浮動元素（清除右側(cè)浮動的影響）both同時清除左右兩側(cè)浮動的影響28.下列選項中，屬于和標(biāo)記常用屬性的是（）。(1分)A、sizeB、multipleC、selectedD、value答案：ABC解析：

<tablealign="center"border="1"cellpadding="0"cellspacing="0"> <tbody> <tr> <tdstyle="height:16px;width:111px"> <strong>標(biāo)記名</strong> </td> <tdstyle="height:16px;width:132px"> <strong>常用屬性</strong> </td> <tdstyle="height:16px;width:413px"> <strong>描述</strong> </td> </tr> <tr> <tdrowspan="2"style="height:13px;width:111px"> <select> </td> <tdstyle="height:13px;width:132px"> size </td> <tdstyle="height:13px;width:413px"> 指定下拉菜單的可見選項數(shù)（取值為正整數(shù)）。 </td> </tr> <tr> <tdstyle="height:13px;width:132px"> multiple </td> <tdstyle="height:13px;width:413px"> 定義multiple="multiple"時，下拉菜單將具有多項選擇的功能，方法為按住Ctrl鍵的同時選擇多項。 </td> </tr> <tr> <tdstyle="height:13px;width:111px"> <option> </td> <tdstyle="height:13px;width:132px"> selected </td> <tdstyle="height:13px;width:413px"> 定義selected="selected"時，當(dāng)前項即為默認(rèn)選中項。 </td> </tr> </tbody> </table>29.在CSS中，提供了背景圖像屬性用來設(shè)置背景。在下列選項中，設(shè)置背景圖片格式正確的是（

）。(1分)A、body{background:url(1.png);}B、body{background-image:url(1.png);}C、body{background-color:url(1.png);}D、body{background-repeat:url(1.png);}答案：AB解析：

background屬性和background-image屬性都可以設(shè)置背景圖屬性。30.下列選項中，背景顏色的取值正確的有（）(1分)A、使用預(yù)定義的顏色值B、background-imageC、十六進制#RRGGBBD、RGB代碼rgb(r,g,b)答案：ACD解析：

使用background-color屬性來設(shè)置網(wǎng)頁元素的背景顏色，其屬性值與文本顏色的取值一樣，可使用預(yù)定義的顏色值、十六進制#RRGGBB或RGB代碼rgb(r,g,b)。判斷題（總共30題）1.一個HTML頁面中可以包含多個nav元素，作為頁面整體或不同部分的導(dǎo)航。（）(1分)A、正確B、錯誤答案：A解析：

暫無解析2.CSS3中，:before偽元素選擇器所插入的內(nèi)容只能為文字。（

）(1分)A、正確B、錯誤答案：B解析：

:before偽元素選擇器所插入的內(nèi)容可以為文字或者圖片。3.transition-duration屬性用于定義過渡效果花費的時間。（

）(1分)A、正確B、錯誤答案：A解析：

transition-duration屬性用于定義過渡效果花費的時間。4.當(dāng)對元素應(yīng)用絕對定位后，其在標(biāo)準(zhǔn)流中位置將保持不變。（

）(1分)A、正確B、錯誤答案：B解析：

脫離了標(biāo)準(zhǔn)文檔流的控制，不再占據(jù)標(biāo)準(zhǔn)文檔流中的空間。5.導(dǎo)航欄通常位于頁眉區(qū)域，起著鏈接網(wǎng)站各個頁面的作用。（

）(1分)A、正確B、錯誤答案：A解析：

導(dǎo)航欄通常是位于頁眉區(qū)域的超鏈接文字或圖片，它起著鏈接網(wǎng)站各個頁面的作用。6.默認(rèn)情況下，背景圖像會自動向水平和豎直兩個方向平鋪。（

）(1分)A、正確B、錯誤答案：A解析：

暫無解析7.CSS3中，:root選擇器定義的樣式，對所有頁面元素都生效。（

）(1分)A、正確B、錯誤答案：A解析：

:root選擇器用于匹配文檔根元素，在HTML中，根元素始終是html元素。也就是說使用“:root選擇器”定義的樣式，對所有頁面元素都生效。8.在浮動元素之后添加空標(biāo)記，并對該標(biāo)記應(yīng)用“clear:both”樣式，可清除元素浮動所產(chǎn)生的影響。（

）(1分)A、正確B、錯誤答案：A解析：

在浮動元素之后添加空標(biāo)記，并對該標(biāo)記應(yīng)用“clear:both”樣式，可清除元素浮動所產(chǎn)生的影響，這個空標(biāo)記可以為<div>、、<hr

/>等任何標(biāo)記。9.如果不給標(biāo)記設(shè)置寬和高，圖片就會按照他的原始尺寸顯示。(1分)A、正確B、錯誤答案：A解析：

通常情況下，如果不給標(biāo)記設(shè)置寬和高，圖片就會按照他的原始尺寸顯示，當(dāng)然也可以手動更改圖片的大小。10.使用scale()

方法能夠重新定義元素的坐標(biāo)，實現(xiàn)平移的效果。(1分)A、正確B、錯誤答案：B解析：

使用translate（）方法能夠重新定義元素的坐標(biāo)，實現(xiàn)平移的效果。11.CSS背景復(fù)合屬性中，各個樣式順序任意，對于不需要的樣式可以省略。（

）(1分)A、正確B、錯誤答案：A解析：

暫無解析12.標(biāo)記用于定義HTML5文檔的頭部信息，也稱為頭部標(biāo)記。(

)(1分)A、正確B、錯誤答案：B解析：

<head>標(biāo)記用于

溫馨提示

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

最新文檔

評論

0/150

提交評論