HTML+CSS測試_第1頁
HTML+CSS測試_第2頁
HTML+CSS測試_第3頁
HTML+CSS測試_第4頁
HTML+CSS測試_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、一、選擇題（每題2分）1 .以下關(guān)于HTML的基本標簽說法正確的是（）。（選擇一項）A:HTML共提供了 6級標題，h1字號最小，h6字號最大B：段落標簽p中可以包含多行文字，文字內(nèi)容將隨瀏覽器窗口大小自動換行C：水平線標簽br/的作用是為了讓版面更加清晰直觀D:標簽em /em的作用是使字體加粗并斜體顯示2 .在CSS中，可用于設(shè)置文本的行高的屬性是（）。（選擇一項）A:text-indentB:letter-spacingC:text-alignD:line-height3 .在制作網(wǎng)頁時，以下關(guān)于 oveflow屬性說法正確的是（）。（選擇一項）A:oveflow 屬性的常見值有 vis

2、ible、 hidden、 scrolling、 autoB:當屬性值為hidden時，如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其 余內(nèi)容C:visible為oveflow屬性的默認值，內(nèi)容會被修剪，并且其余內(nèi)容是不可見的D:可以使用oveflow屬性與盒子寬度配合使用，清除浮動來擴展盒子的高度4 .在HTML中，以下關(guān)于CSS樣式中文本及字體屬性的說法，錯誤的是（）。（選 擇一項）A:font -size用來設(shè)置文本的字體大小B:text-align用來設(shè)置文本對齊方式C:font-type用來定義字體類型D:font-weight用來定義字體的粗細5 .以下關(guān)于復合選擇器說法錯誤的是（

3、）。（選擇一項）A:復合選擇器分為后代選擇器、交集選擇器和并集選擇器B:后代選擇器的寫法就是把外層的標簽寫在前面，內(nèi)層的標簽寫在后面，之 間用空格分隔C:交集選擇器是由兩個選擇器直接連接構(gòu)成，兩個選擇器可以是類選擇器或者ID選擇器D：并集選擇是多個選擇器通過逗號連接而成的6 .下列關(guān)于HTML代碼段中的z-index屬性說法正確的是（）。<style type="text/css”>.tipTextdisplay:none;position:absolute;z-index: 2;left:10px;top:36px;</style><body>&

4、lt;div class="tipText"><img src="tip.jpg"></div></body> （選擇一項）A:z-index屬性的值取值范圍是0100B:此段代碼中的CSS樣式必須設(shè)置z-index屬性，否則會出現(xiàn)語法錯誤C:此段代碼中的z-index屬性設(shè)置為2或-2,效果是一樣的D:z-index屬性用于改變層的左右位置7.在HTML中，若實現(xiàn)下圖所示效果，編碼正確的是（）。（選擇一項）A:<table border="1" ><tr>< t

5、d rowspan="2">學員姓名 </td></tr><tr>< td colspan="2"> 分數(shù) </td>< td> 語文 </td><“數(shù)學 </td></tr></table>B:<table border="1" ><tr>< td rowspan="2">學員姓名 </td></tr><tr>&

6、lt; td colspan="2"> 分數(shù) </td>< >語文 </td></tr><tr><td> 數(shù)學 </td></tr></table>C:<table border="1" ><tr><td colspan="2">學員姓名 </td></tr><tr>< td rowspan="2"> 分數(shù) </t

7、d>< >語文 </td></tr><tr>< >數(shù)學 </td></tr></table>D:<table border="1" ><tr><td colspan="2">學員姓名 </td></tr><tr>< td rowspan="2"> 分數(shù) </td>< td> 語文 </td>< td> 數(shù)

8、學 </td></tr></table>8 . CSS中選擇器的分類不包括（）A:標簽選擇器B：類選擇器C：文字選擇器D:ID選擇器9 .以下關(guān)于HTML代碼說法正確的是（）。img clear:both;A: 將<img>標簽左側(cè)的浮動元素清除BM等<img>標簽右側(cè)的浮動元素清除CT等<img>標簽兩側(cè)的浮動元素清除D:設(shè)置<img>標簽兩側(cè)允許浮動10 .在HTML中，以下關(guān)于樣式表的優(yōu)點描述不正確的是（ ）cA:實現(xiàn)內(nèi)容和表現(xiàn)的分離B:頁面布局更加靈活C:有利于提高網(wǎng)頁瀏覽速度D:不利于搜索引擎搜索11

9、 .在HTML中，下面form標簽中的action屬性用于設(shè)置（）<form action=" "method="”><!-文本框、按鈕等表單元素-></form>A:表單的樣式B：表單提交方法C：表單提交地址D：表單名稱12 .在下列選項中，屬于ID選擇器的是（）。A:#spanwidth:100%; border:1px solid #cccccc;B:p atext-decoration:underline; font-size:14px; C:.h1color:#000000; font-family:"宋體&

10、quot;float:left;D:strongcolor:#000000; font-family:"宋體"；13 .在HTML中頁面效果如下圖所示，則需設(shè)置input標簽的（）。（選擇兩項）職業(yè)：|請輸入您的職業(yè)A:type="text"B:class="text"C:value="請輸入您的職業(yè)"D:name="請輸入您的職業(yè)"14 .在CSS樣式表中，設(shè)置頁面背景圖片，下列語法正確的是（）。A:background:url（images/icon.jpg） left top no-rep

11、eat #CCCCCC;B:background:link（images/icon.jpg） left top no-repeat;C:background:url（images/icon.jpg） left top repeat_x;D:background:src（images/icon.jpg） left top repea-x;15 .當圖片顯示異常時，能夠?qū)崿F(xiàn)如下圖示效果的選項是（）。K香香的郁金再A:<img title="香香的郁金香"src=" images/tulip.jpg" />B:<img alt="香

12、香的郁金香"src=" images/tulip.jpg" />C:<img title="香香的郁金香"alt="美麗的郁金香"src=" images/tulip.jpg" />D:<img title="美麗的郁金香"alt="香香的郁金香"src=" images/tulip.jpg" />16 .如下所示的網(wǎng)頁效果，正確的 HTML代碼為（）擇天天天天選春夏秋冬n * 12 3-4節(jié)季的爰A:<ol&

13、gt;選擇您愛的季節(jié)：<li> 春天 </li><li>l!夭 </li><li> 秋天 </li><li> 冬天 </li></ol>B:<ul>選擇您愛的季節(jié)：<li> 春天 </li><li>l!夭 </li><li> 秋天 </li><li> 冬天 </li></ul>C:<ol><li>選擇您愛白季節(jié)：</li><li

14、> 春天 </li><li>l!夭 </li><li> 秋天 </li><li> 冬天 </li></ol>D:<ul><li>選擇您愛白季節(jié)：</li><li> 春天 </li><li>l!夭 </li><li> 秋天 </li><li> 冬天 </li></ul>17 .閱讀以下HTML代碼，描述正確的是（）。.title color:#F00;

15、font -size:14px; textaligncenter; text-decoration:underline;A:此樣式是設(shè)置字體的背景顏色是紅色，字體大小是14像素，居中顯示，帶下劃線B:此樣式是設(shè)置字體的顏色是紅色，字體大小是 14像素，居中顯示，帶下劃線C:此樣式是設(shè)置字體的背景顏色是紅色，字體大小是14像素，居左顯示，帶下劃線D:此樣式是設(shè)置字體的顏色是紅色，字體大小是14像素，居中顯示，不帶下劃線18 .為了讓以下id為container的div能夠水平居中，需要的 CSS樣式是（）。<div id="container"> 頁面正文 <

16、;/div>A:#containerwidth:880px; padding:0px auto;B:#containerwidth:880px;padding:auto 0px;C:#containerwidth:880px;margin:auto 0px;D:#containerwidth:880px;margin:0px auto;19 .CSS盒子模型中表示內(nèi)容與邊框間的距離的屬性為（），表示盒子與其它盒子之間的距離的屬性為（）。A:padding marginB:padding borderC:margin paddingD:margin border20 .在CSS選擇器中，以

17、下選項（）屬于后代選擇器。（選擇兩項）A:input.bgB:input .bgC:h3,.second,#styD:.txt td21 .在HTML中使用<link/>標簽連接的樣式表是（）。A.行內(nèi)樣式表B.內(nèi)部樣式表C.外部樣式表D.導入樣式表22 .設(shè)置字體屬性的時候，為了簡化代碼可以將字體的類型，風格，大小，粗細 寫在font屬性里邊，下邊正確的順序是：（）A. font-family->font-size->font-width->font-styleB. font-style-> font-size-> font-family->

18、font-widthC. font-style->font-family->font-width->font-sizeD.font-style ->font-width->font-size->font-family23 .在以下超鏈接的偽類中,設(shè)置鼠標懸浮的屬性是：（）AahoverBaactiveC.a:visitedDalink24 .以下關(guān)于HTML代碼說法正確的是（）。img clear:both;A: 將<img>標簽左側(cè)的浮動元素清除BM等<img>標簽右側(cè)的浮動元素清除CT等<img>標簽兩側(cè)的浮動元素清除

19、D:設(shè)置<img>標簽兩側(cè)允許浮動25 .以下關(guān)于HTML中段落標簽的說法錯誤的是（）。A:段落標簽<p></p>必須成對出現(xiàn)，否則會報錯B：一個段落中可以包含一行文字C： 一個段落中可以包含多行文字D:如果一個段落中包含多行文字，文字內(nèi)容將隨瀏覽器窗口的大小自動換行 26.以下關(guān)于標準文檔流的說法錯誤的是（）。A:標題標簽、段落標簽、<div>標簽都是塊級元素B:<span></spa麻簽是內(nèi)聯(lián)元素C:<div>標簽可以包含于<span卡簽中D:display屬性可以控制塊級元素和內(nèi)聯(lián)元素的顯示方式27 .下

20、圖所示的頁面中，可能使用的標簽不包括（）。新人上路指南如何激活會員名7如何注冊貴美會員？，注冊時櫥3役置有什么要求T,貴美認證A:<h3>B:<ul>C:<li>D:<ol>28 .在HTML中，關(guān)于表單描述錯誤的是（）。A:以<砧舊> 標簽開始，以</form>標簽結(jié)束B:屬性action是指表單提交的地址C:屬性method是指表單提交的方式D: 一個網(wǎng)頁中只能有一個表單29 .為了讓以下id為container的div能夠水平居中，需要的 CSS樣式是（），<div id="container&quo

21、t;> 頁面正文 </div>A:#containerwidth:880px; padding:0px auto;B:#containerwidth:880px;padding:auto 0px;C:#containerwidth:880px;margin:auto 0px;D:#containerwidth:880px;margin:0px auto;30 .下列CSS樣式語句中，選項（）可以實現(xiàn)如圖所示的效果。<body><div class="test">學習，好找工作 </div></body>能力學

22、習，好找工作|A:divwidth:200px; border:#0000FF 1px;B:#testwidth:200px; border:#0000FF solid 1px;C:.testwidth:200px; border:#0000FF solid 1px;D:.testwidth:200px; border:#0000FF dashed 1px;31 .在CSS樣式表中，設(shè)置頁面背景圖片，下列語法正確的是（）。A:background:url（images/icon.jpg） left top no-repeat #CCCCCC;B:background:link（images/i

23、con.jpg） left top no-repeat;C:background:url（images/icon.jpg） left top repeat_x;D:background:src（images/icon.jpg） left top repeat-x;32 .在HTML中，關(guān)于下列代碼說法錯誤的是（）。<a href="index.html" target="_blank"> 首頁 </a>A:此標簽用來創(chuàng)建一個超鏈接B:目標窗口在當前窗口中打開C:超鏈接的鏈接地址是index.htmlD:超鏈接文字是首頁”33 .在

24、定位網(wǎng)頁元素的時候，為了讓該元素以他的父親元素為基準進行偏移，我 們的做法是：（）A.設(shè)置該元素左浮動B.設(shè)置該元素的父親元素的定位方式為position: absoluteC.設(shè)置該元素的父親元素左浮動D.設(shè)置該元素以及該元素的父親元素左浮動34 .在CSS中，如果需要清除浮動層對文本的影響，下列說法正確的是：（）A.為浮動層增加clear屬性，并設(shè)置其屬性值為bothB.為浮動層增加clear屬性，并設(shè)置其屬性值為noneC.為放置文本的標簽增加clear屬性，并設(shè)置其屬性為bothD.為放置文本的標簽增加clear屬性，并未具設(shè)置屬性為none35 .在CSS中，下列oveflow屬性值

25、（）與盒子高度配合使用可以擴展盒子高度。A.scrollB.autoC.visibleD.hidden36 .在HTML頁面中有一個<div>寬度為200px,高度為120Px洪中內(nèi)容在垂直方向溢出，要求僅在溢出方向上顯示滾動條，則下列代碼正確的是：（）A. divwidth:200px;height:120px;oveflow:hidden;B. divwidth:200px;height:120px;overflow:auto;C. divwidth:200px;height:120px;overflow:scroll;D. divwidth:200px;height:120px;overflow:visible;37 .在HTML中，下列標簽（）是內(nèi)聯(lián)元素。（選擇兩項）A.<div> 標簽B.<li> 標簽C.<span而簽D.<strong> 標簽38 .以下關(guān)于盒子模型的說法正確的是：（）A. margin-left表示設(shè)置盒子模型的右外邊距B.padding表示盒子與盒子之間的距離C. margin是盒子內(nèi)元素與邊框 border的邊距D. border： 1px #F00 solid;表示的是盒子的4條邊均為1像素

溫馨提示

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

評論

0/150

提交評論