項目一單元測試項目二單元測試項目三單元測試項目四單元測試項目五單元測試項目六單元測試項目七單元測試項目八單元測試項目九單元測試項目十單元測試項目十一單元測試1【判斷題】(2分)網站是網頁的基本構成元素。（）。正確答案：BA.對B.錯2【判斷題】(2分)在Web標準中，行為標準主要包括xml和xhtml兩個部分。（）。正確答案：BA.對B.錯3【單選題】(2分)目前最新的HTML版本是（）。正確答案：CA.HTML4.0B.HTML2.0C.HTML5D.HTML1.04【單選題】(2分)HBuilder中，新建文件的快捷鍵是（）。正確答案：CA.Ctrl+SB.Alt+LC.Ctrl+ND.Ctrl+F5【多選題】(2分)制作網頁時一般需要兼容以下哪些瀏覽器（）。正確答案：ACDA.火狐瀏覽器B.opera瀏覽器C.谷歌瀏覽器D.IE瀏覽器1【單選題】(2分)當圖像不能顯示時，可以用下列哪個屬性設置替換文本（）正確答案：DA.headB.fontC.faceD.alt2【多選題】(2分)下面的選項中，屬于網頁上常用圖片格式的是（）正確答案：ACDA.GIF格式B.PSD格式C.JPG格式D.PNG格式3【判斷題】(2分)HTML5中，mark元素的主要功能是在文本中高亮顯示某些字符，以引起用戶注意。（）正確答案：AA.對B.錯4【單選題】(2分)下列選項中，屬于段落標簽的是(

)正確答案：CA.<hn>標題文本</hn>B.<hr>標題文本</hn>C.<p>標題文本</p>D.<hr>標題文本</hr>5【單選題】(2分)下列標簽中，用于設置文本斜體的是（

）正確答案：DA.<ins></ins>B.<del></del>C.<b></b>和<strong></strong>D.<i></i>和<em></em>1【單選題】(2分)在CSS中，用于設置首行文本縮進的屬性是（）正確答案：BA.text-alignB.text-indentC.text-decorationD.text-transform2【單選題】(2分)在下列選項中，background-position屬性值書寫正確的是（）正確答案：BA.p{background-position:10top;}B.p{background-position:lefttop;}C.p{background-position:left10;}D.p{background-position:top10;}3【多選題】(3分)下列選項中，屬于背景屬性的是（）正確答案：BCDA.colorB.backgroundC.background-imageD.background-repeat4【多選題】(3分)在下面的選項中，符合CSS基礎選擇器的語法格式的是（）。正確答案：ABCDA.p{font-size:12px;}B..green{color:inherit;C.#myfont{font-weight:bold;}D.*{margin:0;padding:0;}5【單選題】(3分)下面的選項中,行內式CSS樣式的基本語法格式正確的是（

）正確答案：CA.<標記名屬性1:屬性值1;屬性2:屬性值2;......>內容</標記名>B.<標記名style："屬性1:屬性值1;屬性2:屬性值2;......">內容</標記名>C.<標記名style="屬性1:屬性值1;屬性2:屬性值2;......">內容</標記名>D.<標記名style="屬性1:屬性值1,屬性2:屬性值2,......">內容</標記名>6【單選題】(3分)當<p>標記內嵌套<strong>標記時，就可以使用后代選擇器對其中的<strong>標記進行控制，下列寫法正確是（

）正確答案：AA.pstrong{color:inherit;B.p.strong{color:inherit;C.strong,p{color:inherit;D.strongp{color:inherit;7【單選題】(3分)頁面上的div標簽，其HTML代碼為<divid="box"class="red">文字</div>，為其設置CSS樣式如下：#box{color:blue;}.red{color:red;}那么，文字的顏色將顯示為(

)正確答案：CA.紅色B.白色C.藍色D.黑色8【多選題】(3分)color屬性用于定義文本的顏色，以下寫法正確的是（

）正確答案：BDA.B.C.D.9【多選題】(3分)在CSS中，使用鏈入式引入CSS樣式表，要通過設置<link/>標簽的（

）屬性。正確答案：ABCA.rel="stylesheet"B.type="text/css"C.href="css文件的路徑"D.rel="sheetstyle"10【單選題】(3分)關于行內式引入CSS樣式表，以下書寫正確的是（

）正確答案：CA.<pstyle="font-size:12px,color:inherit;B.<pstyle=font-size:12px;color:inherit;C.<pstyle="font-size:12px;color:inherit;D.<pstyle="font:12px;color:inherit;1【判斷題】(2分)創建錨點鏈接包括創建鏈接文本和設置跳轉目標位置兩個步驟。（）正確答案：BA.錯B.對2【單選題】(2分)關于定義無序列表的基本語法格式，下列書寫正確的是（

）。正確答案：DA.<ul>列表項1列表項2</ul>B.<ul>列表項1</ul><ul>列表項2</ul>C.<ul><ul>列表項1</ul><ul>列表項2</ul>......</ul>D.<ul><li>列表項1</li><li>列表項2</li>......</ul>3【單選題】(2分)在定義列表中，用于對名詞進行解釋和描述的標簽是（

）。正確答案：DA.<dl></dl>B.<li></li>C.<dt></dt>D.<dd></dd>4【單選題】(2分)關于list-style-image屬性的基本格式，下列書寫正確的是（

）。正確答案：DA.list-style-image:src(圖片位置);B.list-style-image:<imgsrc=”圖片位置”>;C.list-style-image:(圖片位置);D.list-style-image:url(圖片位置);5【判斷題】(2分)在超鏈接中，如果暫時沒有確定鏈接目標，通常將<a>標簽的href屬性值定義為“*”。正確答案：BA.對B.錯1【單選題】(2分)在下列選項中，對代碼“margin:10px020px;”解釋正確的是（）。正確答案：CA.上間距10px，左間距0，右間距20pxB.上下間距10px，左間距0，右間距20pxC.上間距10px，左右間距0，下間距20pxD.上間距10px，左間距0，右下間距20px2【單選題】(2分)如果有兩個上下并列關系的盒子，上面盒子的下外邊距是30px，下面盒子的上外邊距是20px，那么這兩個盒子之間的間距是（）。正確答案：BA.20像素B.30像素C.50像素D.10像素3【單選題】(2分)下列樣式代碼中，用于定義盒子上邊框為1像素、藍色、單實線的是（）。正確答案：DA.border:1pxsolidblue;B.border:1pxdashedblue;C.border-top:1pxdashedblue;D.border-top:1pxsolidblue;4【判斷題】(2分)默認情況下塊元素會獨自占據一整行或多整行。（）正確答案：AA.對B.錯5【判斷題】(2分)每個元素都必須定義內邊距、邊框、外邊距等盒子模型的基本屬性。（）正確答案：BA.對B.錯1【單選題】(2分)下列樣式代碼中，可以實現靜態定位模式的是（）。正確答案：DA.position:fixed;B.position:relative;C.position:absolute;D.position:static;2【單選題】(2分)下列樣式代碼中，可用于清除子元素浮動對父元素影響的是（）。正確答案：DA.overflow:visible;B.clear:center;C.clear:both;D.overflow:hidden;3【單選題】(2分)在CSS中，clear屬性用于清除浮動，下列屬于clear清除兩端浮動的屬性值是（）正確答案：AA.bothB.centerC.leftD.right4【判斷題】(2分)當position屬性的取值為absolute時，可以將元素的定位模式設置為絕對定位。（）正確答案：AA.對B.錯5【判斷題】(2分)不可以通過邊偏移屬性更改相對定位元素的位置。（）正確答案：BA.對B.錯1【單選題】(2分)下列選項中，用來設置行背景顏色的是（）。正確答案：DA.alignB.heightC.backgroundD.bgcolor2【單選題】(2分)下面的代碼中，可以設置單元格寬度的是（）。正確答案：DA.td{line-height:50px;}B.td{height:50px;}C.td{font-size:50px;}D.td{width:50px;}3【單選題】(2分)下列屬性中，用來設置單元格橫跨列數的是（）。正確答案：AA.colspanB.widthC.rowspanD.bgcolor4【多選題】(3分)關于單元格邊距的描述，下列說法正確的是（）。正確答案：ACDA.cellpadding控制單元格內容與邊框之間的距離B.設置相鄰單元格邊框之間的距離使用margin屬性C.設置相鄰單元格邊框之間的距離只能使用cellspacing屬性D.使用padding屬性可以拉開單元格內容與邊框之間的距離5【多選題】(3分)下列選項中，屬于表單構成的基本元素是（）。正確答案：ABCA.表單控件B.表單域C.提示信息D.文本域6【多選題】(3分)關于input控件類型的描述，下列說法正確的是（）。正確答案：ABCDA.color類型用于提供設置顏色的文本框B.email類型的input控件是一種專門用于輸入E-mail地址的文本輸入框C.url類型的input控件是一種用于輸入URL地址的文本框D.tel類型用于提供輸入電話號碼的文本框7【判斷題】(2分)通過設置單元格的width和height屬性可以調整單元格的寬度和高度，且單元格之間互不影響。（）正確答案：BA.對B.錯1【判斷題】(2分)視頻正常播放是觸發played事件。（）正確答案：AA.錯B.對2【判斷題】(2分)目前為止沒有一種視頻格式讓所有瀏覽器都支持。（）正確答案：AA.對B.錯3【單選題】(2分)下列選項中，用于嵌套在<video>中，指定不同文件路徑的標簽是（

）。正確答案：BA.<srcs>B.<source>C.<sources>D.<src>4【單選題】(2分)下列選項中，關于<video>標簽的描述，錯誤的是（

）。正確答案：CA.src和controls是<video>標簽的基本屬性B.<video>標簽來定義視頻播放器C.width和height是<video>標簽的必須屬性D.src屬性用于設置視頻文件的路徑5【多選題】(2分)下列選項中，關于<source>的描述中，正確的是（

）正確答案：BDA.<source>標簽只能和<video>標簽搭配使用B.<source>標簽的src屬性用于指定文件路徑C.同時使用多個<source>標簽需要應用相同的視頻格式D.<source>標簽對于音頻文件同樣適用，需要把video改成audio6【判斷題】(2分)<video>標簽和<audio>標簽均支持循環播放的功能。正確答案：AA.對B.錯1【單選題】(3分)彈性盒布局中，flex-direction的默認值為（）。正確答案：BA.row-reverseB.rowC.column-reverseD.column2【單選題】(3分)下列選項中，在配置視口屬性時用于設置最小縮放比例的選項為（）。正確答案：CA.initial-scaleB.device-widthC.minimum-scaleD.user-scalable3【單選題】(3分)下列選項中，關于柵格系統的說法，錯誤的是（）。正確答案：CA.柵格系統是一種響應式設計的實現方式B.對于前端開發來說，柵格系統的使用能讓網頁更加靈活與規范C.柵格系統是一個用于響應式設計的組件D.對于網頁設計來說，柵格系統的使用可以讓網頁的信息呈現更加美觀、易讀4【判斷題】(2分)任何時候都要應用百分比布局，它已經完全替代了固定布局。（）正確答案：BA.對B.錯5【判斷題】(2分)在媒體查詢的條件表達式中，min-前綴表示小于。（）正確答案：BA.對B.錯6【判斷題】(2分)使用了媒體查詢的頁面，當重置瀏覽器大小的過程中，頁面也會根據瀏覽器的寬度和高度重新渲染頁面。（）正確答案：AA.對B.錯1【單選題】(3分)下列選項中，可以實現元素水平方向位移的是（）。正確答案：CA.translate(x,y)B.translateY(x)C.translateX(x)D.translateZ(x)2【單選題】(3分)在timing-function中，表示以相同速度開始至結束的過渡效果（等于cubic-bezier(0,0,1,1)）的是（）。正確答案：BA.ease-inB.linearC.easeD.ease-out3【單選題】(3分)在animation中，規定動畫完成一個周期所花費時間規定動畫完成一個周期所花費時間的是（）。正確答案：AA.animation-durationB.animation-iteration-countC.animation-delayD.animation-name4【判斷題】(2分)