PAGEPAGE1《Html5與CSS》考試復習題庫（含答案）一、單選題1.CSS中背景圖片平鋪效果的代碼是？A、background-repeatB、ackground-imgC、background-imageD、background-position答案：A2.CSS中容器的內邊距代碼是？A、paddingB、marginC、outD、inner答案：A3.CSS中塊級元素轉換成行級元素的代碼是？A、display：inlineB、diaplay：blockC、display：inline-blockD、不可以轉換答案：A4.HTML中段落的代碼是？A、pB、h2C、p1D、i答案：A5.CSS的transition過渡時間曲線的代碼是？A、transition-timing-functionB、transition-durationC、text-alignD、transition-delay答案：A6.在HTML中行內使用CSS樣式需要用到哪個代碼？A、styleB、linkC、scriptD、src答案：A7.CSS中去除無序列表默認的點代碼是？A、list-style-typeB、listC、list-style-imageD、list-style-position答案：A8.CSS的transition過渡延遲的代碼是？A、transition-delayB、transition-durationC、transition-timing-functionD、text-align答案：A9.CSS中的鼠標樣式屬性為？A、cursorB、inlineC、easeD、pointer答案：A10.CSS中設置文本垂直對齊方式的代碼是？A、line-heightB、font-weightC、sizeD、font-size答案：A11.CSS中設置背景顏色的代碼是？A、background-colorB、font-weightC、sizeD、font-family答案：A12.CSS中設置字體大小的代碼是？A、font-sizeB、font-weightC、sizeD、font-family答案：A13.HTML中圖片路徑的代碼是？A、srcB、hrefC、fromD、to答案：A14.HTML中下拉菜單的代碼是？A、selectB、passwordC、radioD、checkbox答案：A15.CSS中容器的外邊距代碼是？A、marginB、paddingC、outD、inner答案：A16.HTML中文本輸入框的代碼是type=？A、textB、passwordC、radioD、checkbox答案：A17.CSS中設置字體粗細的代碼是？A、font-weightB、font-sizeC、sizeD、font-family答案：A18.HTML中多選按鈕輸入框的代碼是type=？A、radioB、passwordC、textD、checkbox答案：A19.HTML中超鏈接的代碼是？A、B、hC、lD、f答案：A20.CSS中設置文本陰影的代碼是？A、text-shadowB、font-weightC、sizeD、font-size答案：A21.在HTML中外部使用CSS樣式需要用到哪個代碼？A、linkB、styleC、scriptD、src答案：A22.HTML中超鏈接跳轉路徑的代碼是？A、hrefB、srcC、fromD、to答案：A23.HTML中表格的水平合并單元格代碼是？A、colspanB、rowspanC、D、r答案：A24.HTML中表格的垂直合并單元格代碼是？A、rowspanB、colspanC、D、r答案：A25.CSS的transition過渡為勻速時間曲線的代碼是？A、linearB、ease-inC、ease-outD、text-align答案：A26.超鏈接偽類的代碼是？A、:hoverB、hoverC、hrefD、a答案：A27.CSS中設置盒子陰影的代碼是？A、box-shadowB、font-weightC、sizeD、font-size答案：A28.HTML中按鈕的代碼是？A、buttonB、passwordC、radioD、text答案：A29.CSS中背景圖片垂直方向位置的代碼是？A、background-position-yB、ackground-imgC、background-repeatD、background-image答案：A30.CSS中背景圖片水平方向位置的代碼是？A、background-position-xB、ackground-imgC、background-repeatD、background-image答案：A31.CSS中無序列表圖標位置的代碼是？A、list-style-positionB、listC、list-style-imageD、font-size答案：A32.CSS的animation動畫方向的代碼是？A、nimation-directionB、animation-durationC、animation-timing-functionD、transition-duration答案：A33.CSS中設置字體顏色的代碼是？A、colorB、font-weightC、sizeD、font-family答案：A34.CSS中透明效果代碼是？A、transparentB、list-style-typeC、txt-indentD、line-height答案：A35.CSS中設置彈性布局display水平方向的屬性應設置為？A、justify-contentB、alignC、enterD、text-align答案：A36.CSS中的左浮動代碼是？A、float：leftB、leftC、float：rightD、right答案：A37.HTML中密碼輸入框的代碼是type=？A、passwordB、textC、radioD、checkbox答案：A38.HTML中換行的代碼是？A、brB、/nC、\nD、回車答案：A39.CSS中文本首行縮進的代碼是？A、text-indentB、listC、txt-indentD、font-indent答案：A40.HTML中下面哪一個是行級元素？A、B、h1C、h3D、p答案：A41.CSS的transition過渡時間的代碼是？A、transition-durationB、text-alignC、transition-timing-functionD、transition-delay答案：A42.HTML中表格的代碼是？A、tableB、trC、tdD、excel答案：A43.HTML中圖片的代碼是？A、imgB、imageC、pngD、jpg答案：A44.CSS中設置盒子圓角的代碼是？A、border-radiusB、font-weightC、sizeD、font-size答案：A45.CSS中背景圖片的代碼是？A、background-imageB、ackground-imgC、background-repeatD、background-position答案：A46.HTML中下面哪一個是塊級元素？A、pB、imgC、spanD、a答案：A47.CSS的animation動畫延遲的代碼是？A、nimation-delayB、animation-durationC、animation-timing-functionD、transition-duration答案：A48.HTML中標題的代碼是？A、h1B、h7C、p2D、b3答案：A49.HTML中單選按鈕輸入框的代碼是type=？A、textB、passwordC、radioD、checkbox答案：A50.CSS3中的彈性布局應設置在哪里？A、中父容器中B、ody頁面中C、html頁面D、子容器中答案：A多選題1.在HTML中如何使用CSS樣式？A、styleB、linkC、scriptD、css答案：AB2.html代碼中表單的標簽代碼有哪些？A、inputB、formC、passwordD、radio答案：AB3.CSS的animation動畫時間曲線的代碼有哪些？A、easeB、ease-inC、ease-outD、linear答案：ABCD4.html代碼中表單的屬性有哪些？A、inputB、textC、targetD、action答案：CD5.html代碼中表格的屬性有哪些？A、lignB、valignC、heightD、border答案：ABCD6.HTML中盒子模型的總寬度和高度包括哪些？A、本身的高度和寬度B、邊框C、外邊距D、內邊距答案：ABCD7.HTML中標題的代碼有哪些？A、h1B、h2C、h3D、h4答案：ABCD8.css的外邊距可以調整哪些值？A、margin-topB、leftC、margin-leftD、right答案：AC9.在html頁面中添加css樣式的方法有哪幾種？A、內部引用B、行內引用C、外部引用D、以上方法均可答案：ABCD10.css中盒子模型的屬性有哪些？A、marginB、paddingC、borderD、action答案：ABC11.HTML中的塊級元素有哪些？A、B、imgC、h2D、p答案：CD12.CSS3中的彈性布局的屬性有哪些？A、justify-contentB、align-itemsC、text-alignD、align答案：AB13.HTML中的定位有哪些？A、絕對定位B、相對定位C、固定定位D、以上多可以答案：ABCD14.HTML中的行級元素有哪些？A、B、imgC、h1D、p答案：AB15.css代碼中的結構偽類選擇器有哪些？A、:first-childB、:last-childC、:nth-childD、以上都可以答案：ABCD16.css的定位可以調整哪些值？A、padding-topB、leftC、padding-leftD、right答案：BD17.網頁在排版的過程中可以使用的代碼有哪些？A、table布局B、div布局C、彈性布局D、以上都可以答案：ABCD18.css代碼中列表相關的代碼有哪些？A、list-style-typeB、list-styleC、list-style-imageD、list-style-position答案：ABCD19.css的內邊距可以調整哪些值？A、padding-topB、leftC、padding-leftD、right答案：AC20.CSS的animation動畫的代碼有哪些？A、nimation-nameB、animation-durationC、animation-timing-functionD、animation-direction答案：ABCD21.CSS的類名稱中可以使用哪些名稱？A、123B、123abcC、abc123D、abc答案：CD22.css中的背景樣式代碼有哪些？A、background-imageB、ackground-imgC、background-repeatD、background-position答案：ACD23.css的基本樣式有哪些？A、font-sizeB、font-weightC、sizeD、font-family答案：ABD24.html代碼的轉義字符有哪些？A、空格B、回車C、 D、©答案：CD25.表格在使用的過程中可以實現合并的代碼有哪些？A、colspanB、rowspanC、alignD、valign答案：AB26.HTML中表格的相關代碼有哪些？A、tableB、trC、tdD、b答案：ABC27.HTML中的按鈕有哪些？A、buttonB、resetC、submitD、input答案：ABC28.CSS的transition過渡的代碼有哪些？A、transition-propertyB、transition-durationC、transition-timing-functionD、transition-delay答案：ABCD29.CSS中的選擇器有哪些？A、類選擇器B、id選擇器C、標簽選擇器D、后代選擇器答案：ABCD30.CSS的transition過渡時間曲線的代碼有哪些？A、easeB、ease-inC、ease-outD、linear答案：ABCD判斷題1.CSS的類名稱中可以使用數字開始A、正確B、錯誤答案：B2.HTML中表格的垂直合并單元格代碼是rowspanA、正確B、錯誤答案：A3.HTML中br是水平線的代碼A、正確B、錯誤答案：B4.CSS中可以設置文本的text-overflow：ellipsis；實現省略號的效果A、正確B、錯誤答案：A5.HTML中p是段落的代碼A、正確B、錯誤答案：A6.CSS中的塊級元素和行級元素不能互相轉換A、正確B、錯誤答案：B7.HTML中表格的水平對齊方式代碼是valignA、正確B、錯誤答案：B8.在HTML中行內使用CSS樣式需要用到styleA、正確B、錯誤答案：A9.CSS的id名稱可以重復A、正確B、錯誤答案：B10.在HTML中使用CSS樣式有5種方式A、正確B、錯誤答案：B11.CSS中如果漸變色特別復雜時可以使用背景水平平鋪效果替代漸變色A、正確B、錯誤答案：A12.HTML中表格的代碼是tableA、正確B、錯誤答案：A13.HTML中hr是換行的代碼A、正確B、錯誤答案：B14.HTML中h7是標題的代碼A、正確B、錯誤答案：B15.CSS中的transparent代表透明A、正確B、錯誤答案：A16.CSS中的高度和行高的代碼調整成一樣的尺寸會實現文本垂直居中的效果A、正確B、錯誤答案：A17.HTML中表格的行代碼是tdA、正確B、錯誤答案：B18.HTML中表格的邊框代碼是bA、正確B、錯誤答案：B19.HTML中表格的單元格代碼是tdA、正確B、錯誤答案：A20.CSS中的box-sizing：border-box會調整容器變形問題A、正確B、錯誤答案：A21.CSS中的并集選擇器使用句號A、正確B、錯誤答案：B22.CSS中如果對應的值有尺寸，必須寫單位，如30pxA、正確B、錯誤答案：A23.HTML中超鏈接跳轉路徑的代碼是hrefA、正確B、錯誤答案：A24.在使用CSS定位時通常采用外相內絕的定位方式A、正確B、錯誤答案：A25.CSS的類名稱不可以重復A、正確B、錯誤答案：B26.HTML中超鏈接的代碼是aA、正確B、錯誤答案：A27.在HTML中外部使用CSS樣式需要用到linkA、正確B、錯誤答案：A28.HTML中表格的垂直對齊方式代碼是alignA、正確B、錯誤答案：B29.HTML中圖片的代碼是imgA、正確B、錯誤答案：A30.HTML中表格的水平合并單元格代碼是colspanA、正確B、錯誤答案：A填空題1.HTML中文本輸入框是________元素。（填寫塊級或者行級）答案：行級2.HTML中將塊級元素轉換為行級元素的代碼值為display：________。答案：inline3.HTML中水平線的代碼是________。答案：hr4.CSS代碼中的ID選擇器在使用的時候用________標識符。答案：#5.HTML中表格中垂直合并單元格的代碼是________。答案：rowspan6.CSS的變形的代碼為________。答案：transform7.HTML中表格中邊框的代碼是________。答案：border8.HTML中表格中水平的對齊方式代碼是________。答案：align9.在HTML中使用CSS樣式有________種方式。答案：310.在HTML中行內使用CSS樣式需要用到________代碼。答案：style11.HTML中超鏈接的代碼是________。答案：a12.HTML中表格的代碼是________。答案：table13.HTML中表格中水平合并單元格的代碼是________。答案：colspan14.HTML中段落的代碼是________。答案：p15.HTML中表格中垂直的對齊方式代碼是________。答案：valign16.HTML中表格中列的代碼是________。答案：td17.在HTML中外部使用CSS樣式需要用到________代碼。答案：link18.HTML中版權號的代碼是________。答案：©19.HTML中將行級元素轉換為塊級元素的代碼值為display：________。答案：block20.HTML中換行的代碼是________。答案：br21.HTML中圖片的代碼是________。答案：img22.CSS的過渡的代碼為________。答案：transition23.CSS的動畫的代碼為________。答案：animation24.CSS代碼中的類選擇器在使用的時候用________標識符。答案：.25.HTML中空格的代碼是________。答案： 26.HTML中表格中行的代碼是________。答案：tr27.HTML中既有行級元素特性又有塊級元素特性的代碼值為display：________。答案：inline-block28.HTML中ul是________元素。（填寫塊級或者行級）答案：塊級29.CSS中設置字體顏色的代碼是________。答案：color30.CSS中圖標的代碼為________。答案：icon簡答題1.什么是超鏈接？答案：在一個頁面通過點擊跳轉到另外一個頁面的過程。2.請簡要分析網頁中的HTML部分答案：超文本標記語言能夠搭建網頁內容。但使用HTML只能搭建毛坯網頁。3.試分析常規的盒子模型布局和彈性布局的區別答案：常規的盒子模型在排版的過程中可以通過使用浮動進行設置。彈性布局需要找到父容器進行設置。4.請分析表格標簽代碼在現實項目中的應用答案：表格布局較繁瑣，需要嵌套的代碼比較多，因此在使用的過程有有很大的局限性。5.試分析下拉菜單中的內容答案：頁面展示的內容需要放在option中，如果想要通過JS獲取則需要放在value屬性中。6.列表答案：HTML支持有序列表、無序列表和自定義列表。7.結構答案：HTML負責網頁的具體內容（結構）8.網站在現實生活中應用廣泛，請分析網站在設計的過程中如何應用到頁面中。答案：HTML是用來描述網頁的一種語言。使用HTML來建立自己的Web站點，HTML運行在瀏覽器上，由瀏覽器來解析。9.內部樣式表答案：可以在<head>部分通過<style>標簽定義內部樣式表。10.html編輯器答案：HTML文件是文本文件，因此你可以使用任何文本編輯器來創建HTML文件。如hbuilder等。11.表單答案：表單是一個包含表單元素的區域。12.試分析無序列表在項目中的應用答案：可以通過對無序列表的變形實現展示的效果。比如導航欄等。13.什么是id選擇器？答案：id選擇器名稱不可以重復。14.請分析網站在設計的過程中如何將CSS樣式應用到HTML頁面中。答案：可以分為：內聯樣式、內部樣式和外部樣式。15.布局答案：CSS則修飾網頁的表現形式（布局）16.如何改變塊級元素的排列方法？答案：可以通過浮動的方式改變塊級元素的位置。17.什么是內部樣式？答案：在HTML文檔頭部<head>區域使用<style>元素來包含CSS。18.試分析列表樣式和背景樣式在頁面中的應用答案：列表和背景都能實現相應的樣式效果。但是想對來講背景樣式的使用要更加靈活和廣泛。19.試分析CSS樣式在網站中的應用答案：它能使網頁上的字號、字體顏色、背景圖像等變得更加美觀。使用CSS相當于給網頁裝修。20.編碼格式答案：對于中文網頁需要使用聲明編碼，否則會出現亂碼。21.什么是子元素選擇器？答案：通過元素之間父類和子代的關系對HTML代碼進行修飾。注意和父類后代選擇器的區別使用。22.試分析網頁中圖片的屬性答案：圖片可以設置寬度、高度、圖片的透明度等等。23.什么是外部樣式？答案：使用外部CSS文件需要用到link24.什么是布局？答案：CSS則修飾網頁的表現形式25.發送表單數據答案：action屬性規定當提交表單時，向何處發送表單數據。26.分析盒子模型在網站布局和設計中的組成部分及應用。答案：盒子模型的內邊距可以設置文本內容和邊框的距離。盒子模型的外邊距可以設置盒子與盒子之間的距離。可以通過浮動對盒子模型進行調整。27.鏈接答案：超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，你可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。28.試分析單選按鈕在使用的過程中的注意事項答案：單選按鈕必須添加的屬性為name，并保證name屬性的值相同才能實現單選的效果。29.注釋答案：可以將注釋插入HTML代碼中，這樣可以?提高其可讀性?，使代碼更易被人理解。30.什么是HTML？答案：HTML?指的是?超文本標記語言是用來描述網頁的一種語言。使用HTML來建立自己的Web站點，HTML運行在瀏覽器上，由瀏覽器來解析。31.水平線答案：hr是一個空元素，這里的“hr”是水平線的意思。32.CSS中通常使用背景樣式替代列表樣式達到頁面的展示效果，請簡要分析。答案：背景樣式可以設置背景圖片，包括背景圖片的大小、位置等。33.HTML答案：?HTML?指的是?超文本標記語言，是用來描述網頁的一種語言。34.什么是網頁結構？答案：HTML負責網頁的具體內容35.CSS答案：層疊樣式表又稱為級聯樣式表，是用于渲染HTML元素標簽的樣式。36.試分析表單和表格代碼在頁面中的應用答案：表格屬于網站的頁面布局。表單是用來獲取用戶輸入的信息。屬于不同的模塊代碼。37.什么是內聯樣式？答案：在HTML元素中使用<style>屬性。38.什么是div布局？答案：div屬于塊級元素。在網頁布局應用方面使用廣泛。39.什么是后代選擇器？答案：通過元素之間父類和后代的關系對