《Html5與CSS》考試復(fù)習(xí)題庫（含答案）

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