國家開放大學(xué)《Web開發(fā)基礎(chǔ)》本章自測1-9參考答案_第1頁
國家開放大學(xué)《Web開發(fā)基礎(chǔ)》本章自測1-9參考答案_第2頁
國家開放大學(xué)《Web開發(fā)基礎(chǔ)》本章自測1-9參考答案_第3頁
國家開放大學(xué)《Web開發(fā)基礎(chǔ)》本章自測1-9參考答案_第4頁
國家開放大學(xué)《Web開發(fā)基礎(chǔ)》本章自測1-9參考答案_第5頁
已閱讀5頁，還剩35頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

國家開放大學(xué)《Web開發(fā)基礎(chǔ)》本章自測1-9參考答案第1章Web的工作方式一、判斷題1.Web（WorldWideWeb）即全球廣域網(wǎng)，也稱為萬維網(wǎng)。（√）2.Web服務(wù)器主要功能包括:存儲網(wǎng)站資源文件，代用戶發(fā)送請求，提供基本的安全功能。（×）3.Web服務(wù)端應(yīng)用程序開發(fā)主要可以使用以下幾種編程語言:PHP、ASP.NET等。（√）4.FTP協(xié)議規(guī)定了Web服務(wù)器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)。（×）5.Web中采用HTML（HyperTextMarkupLanguage,超文本標(biāo)記語言）通信協(xié)議。（×）二、單選題6.Internet上提供的主要服務(wù)有:Telnet、E-mail、（）、FTP。A.AppB.WindowsC.WWWD.W3C7.萬維網(wǎng)聯(lián)盟（WorldWideWebConsortium），簡稱（），專門負(fù)責(zé)制定Web應(yīng)用的標(biāo)準(zhǔn)。A.WWWB.WebC.W3CD.3WC8.Web分為（）和Web服務(wù)器程序。A.Web客戶端B.HTMLC.數(shù)據(jù)庫D.瀏覽器9.Web程序要想順利運(yùn)行，就需要Web服務(wù)器、瀏覽器、（）三者相互配合，共同發(fā)揮作用。A.數(shù)據(jù)庫B.HTMLC.網(wǎng)頁D.通信協(xié)議10.創(chuàng)建Web內(nèi)容主要包括三部分:Web設(shè)計(jì)、（）和Web服務(wù)器端應(yīng)用程序開發(fā)。A.數(shù)據(jù)庫開發(fā)B.Web前端網(wǎng)頁開發(fā)C.App開發(fā)D.通信協(xié)議四、配伍題11.為名詞匹配正確的含義WEB服務(wù)器（存儲網(wǎng)站資源文件，響應(yīng)瀏覽器發(fā)來的請求，提供基本的安全功能）WEB瀏覽器（代用戶發(fā)送請求，作為HTML的解釋器和內(nèi)嵌腳本的執(zhí)行器，用圖形化方式顯示W(wǎng)eb網(wǎng)頁的內(nèi)容。）HTTP協(xié)議（規(guī)定了Web服務(wù)器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)）Internet（由那些使用公用語言互相通信的計(jì)算機(jī)連接而成的全球網(wǎng)絡(luò)）遠(yuǎn)程訪問服務(wù)（用于支持客戶機(jī)跨廣域網(wǎng)訪問公司內(nèi)部網(wǎng)絡(luò)的服務(wù)）第2章HTML5基礎(chǔ)知識一、判斷題1.HTML規(guī)定元素標(biāo)簽可以嵌套，但不允許交叉。（√）2.單標(biāo)記只有開始標(biāo)記，沒有結(jié)束標(biāo)記。開始標(biāo)記中的/可有可無。（√）3.如果網(wǎng)頁中包含多個擁有相同id屬性值的元素，則網(wǎng)頁報(bào)錯，無法顯示。（×）4.<p>元素中不允許包含以下元素：標(biāo)題元素（h1~h6）、span元素、div元素。（×）5.HTML源代碼中的空格都是無效的，最終顯示時(shí)，都會被瀏覽器刪掉。（×）6.查找父級目錄中的文件或文件夾，可使用“.../父級目錄文件或文件夾”返回上級目錄。（×）7.若不指定<a>元素的target屬性，則在單擊超鏈接時(shí)，默認(rèn)會在當(dāng)前窗口打開新網(wǎng)頁。（√）8.設(shè)置<td>的colspan屬性可讓單元格跨多行顯示。（×）9.表格元素的align屬性不是設(shè)置表格內(nèi)容居中對齊。而是設(shè)置整個表格在其父元素中整體居中對齊。（√）10.有序列表可自動將列表項(xiàng)按內(nèi)容排序后顯示。（×）二、單選題11.下面定義HTML注釋正確的是（）。A.<div<!--id="main"-->></div>B.<div><!--這里是注釋--></div>C.<!--<!--這里是注釋-->-->D.<div><--這里是注釋--></div>12.下面定義頁面編碼格式的元素正確的是（）。A.<metacharset=utf-8>B.<metacharset："utf-8">C.<metacharset="utf-8">D.<titlecharset=’utf-8’>13.以下可以實(shí)現(xiàn)當(dāng)鼠標(biāo)懸停在元素上時(shí)，出現(xiàn)工具提示效果的是()。A.<div><title>工具提示的內(nèi)容</title></div>B.<divid=”工具提示的內(nèi)容”></div>C.<divtitle=”工具提示的內(nèi)容”></div>D.<divtooltip=”工具提示的內(nèi)容”></div>14.以下說法正確的是（）。A.只要網(wǎng)頁中包含中文，都必須設(shè)置<metacharset=”utf-8”>B.只要網(wǎng)頁中同時(shí)包含中文和英文，都必須設(shè)置<metacharset=”utf-8”>C.<metacharset=””>必須和當(dāng)前網(wǎng)頁.html文件的編碼格式保持一致D.在中文版操作系統(tǒng)中，必須設(shè)置<metacharset=”utf-8”>15.下面定義頁面編碼格式的元素不正確的是（）。A.<metacharset=”utf-8”>B.<metacharset="utf-8"/>C.<metacharset=”utf-8”></meta>D.<bodycharset=’utf-8’>16.<img>元素的（）屬性用于設(shè)置要引入的圖片的URL地址。A.hrefB.srcC.altD.link17.將<a>元素的target屬性值設(shè)置為（），可實(shí)現(xiàn)單擊<a>在新窗口打開新鏈接。A._selfB.不指定值C._blankD.blank18.以下定義錨點(diǎn)位置錯誤的是（）。A.<labelid="top"></label>B.<a>top</a>C.<aname="top"></a>D.<aid="top">19.關(guān)于絕對路徑的組成，以下描述正確的是（）。A.協(xié)議://域名/目錄路徑/文件名B.協(xié)議/>域名/目錄路徑/文件名C.目錄路徑:/協(xié)議/域名/文件名D.目錄路徑:>協(xié)議/域名/文件名20.HTML5結(jié)構(gòu)標(biāo)記中專門定義主導(dǎo)航區(qū)域的元素是（）。A.<header>B.<nav>C.<section>D.<aside>三、多選題21.以下標(biāo)記定義正確的是:（）A.<div><p></div></p>B.<div><br></div><br>C.<div><p></p></div>D.<div><br><br></div>22.以下說法正確的是（）。A.<html>元素中所有子元素的內(nèi)容，都會顯示在網(wǎng)頁上B.<head>元素中包含對網(wǎng)頁的配置C.<body>元素中包含要顯示的網(wǎng)頁的主要內(nèi)容D.<title>元素即可定義在<head>中，又可定義在<body>中23.下列說法錯誤的是（）。A.<b>元素專門用于代替換行B.<i>元素專門用于給文字加下劃線C.<u>元素專門用于加粗顯示文字D.<p>元素專門用于顯示一段文字，并在開頭和結(jié)尾自動換行。24.對<audio>標(biāo)記的屬性描述正確的是()。A.href屬性用于設(shè)置要播放的音頻文件的路徑B.src屬性用于設(shè)置要播放的音頻文件的路徑C.auto屬性用于設(shè)置在網(wǎng)頁加載時(shí)自動播放音頻文件D.loop屬性用于設(shè)置是否循環(huán)播放25.以下關(guān)于不規(guī)則表格定義正確的是（）。A.當(dāng)前格td，向右跨4列（含自己）,可寫為:<tdcolspan=”3”>B.當(dāng)前格td，向右跨4列（含自己）,可寫為:<tdcolspan=”4”>C.當(dāng)前格td，向下跨2行（含自己）,可寫為:<tdrowspan=”2”>D.當(dāng)前格td，向下跨2行（含自己）,可寫為:<tdrowspan=”1”>26.以下關(guān)于列表元素的描述正確的是（）。A.<ul>元素用于定義有序列表B.<ol>元素用于定義無序列表C.<ul>元素用于定義無序列表D.<ol>元素用于定義有序列表四、配伍題27.為名詞匹配正確的含義行內(nèi)元素（元素內(nèi)容有多少，空間就只能占用多少，且多個元素只能在一行中顯示）塊級元素（默認(rèn)獨(dú)占一行的元素）行內(nèi)塊元素（多個元素可在一行中顯示，但是可設(shè)置元素的大?。﹩螛?biāo)記元素（只要一個開始標(biāo)記即可實(shí)現(xiàn)功能的元素）雙標(biāo)記元素（必須成對出現(xiàn)的開始標(biāo)記和結(jié)束標(biāo)記的元素）五、編程題28.從答案選項(xiàng)中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整：定義一個表格，一共2行四列。其中，第一行第一個格，向下跨2行，且內(nèi)容頂端對齊。第二行第二個單元格位置的格，向右跨3行，且內(nèi)容居左對齊：<table><tr><td___①______②___></td><td></td><td></td><td></td></tr><tr><td__③_____④__></td></tr></table>其中:①和③請選擇不規(guī)則表格相關(guān)的屬性②和④請選擇內(nèi)容對齊方式請從右側(cè)拖入合適的答案①（rowspan=”2”）②（valign=”top”）③（colspan=”3”）④（align=”right”）第3章HTML5表單元素一、判斷題1.表單向服務(wù)器端提交數(shù)據(jù)主要有兩種方式：get方式和set方式。（×）2.Select元素中的多個option元素，若希望多選一，則必須同時(shí)定義相同的name屬性。（×）3.默認(rèn)情況下，單擊<inputtype="radio">旁邊的文本，不會選中該單選按鈕。（√）4.實(shí)現(xiàn)表單提交功能，需要兩部分配合才能實(shí)現(xiàn):首先需要服務(wù)器端程序接收客戶端表單提交來的數(shù)據(jù)；其次定義客戶端HTML表單收集用戶信息并提交數(shù)據(jù)到服務(wù)器端。（√）5.<from>元素用來定義一個表單整體，其中包含多種表單元素，用于收集用戶的各種信息；（×）6.以get方式提交表單是以隱藏的方式將數(shù)據(jù)提交給服務(wù)器。要提交的表單數(shù)據(jù)不會出現(xiàn)在URL的結(jié)尾，而是包含在請求消息主體的內(nèi)部。（×）二、單選題7.定義在文本框中初始時(shí)顯示的提示信息，輸入內(nèi)容后就被替換，可設(shè)置（）屬性。A.disabledB.readonlyC.placeholderD.value8.當(dāng)多個單選按鈕多選一時(shí)，應(yīng)該為組內(nèi)的多個單選按鈕定義相同的（）屬性值。A.valueB.nameC.typeD.checked9.下列選項(xiàng)中，不屬于input元素的type屬性可選內(nèi)容的是（）。A.textB.passwordC.submitD.hide10.設(shè)置select元素的（）屬性可實(shí)現(xiàn)多選。A.valueB.selectedC.nameD.multiple11.設(shè)置iframe的（）屬性，可定義iframe要引入的另一個網(wǎng)頁的URL地址。A.srcB.hrefC.relD.path12.以get方式提交表單時(shí)，查詢字符串的格式正確的是：（）A.uname=dingding;upwd=123456B.uname:dingding;upwd:123456C.uname=dingding&upwd=123456D.uname:dingding&&upwd:12345613.以get方式提交表單時(shí)，最大可發(fā)送的數(shù)據(jù)大小為:（）A.1KB.2KC.3KD.4K14.如果表單中包含上傳文件功能時(shí)，內(nèi)容類型必須設(shè)置為:()。A.utf-8B.application/x-www-form-URLencodedC.text/plainD.multipart/form-data三、多選題15.以下關(guān)于表單元素的描述正確的是:（）。A.method屬性，用于定義表單向服務(wù)器端提交數(shù)據(jù)的方式B.doctype屬性用于定義表單數(shù)據(jù)進(jìn)行編碼的方式C.enctype屬性用于定義表單數(shù)據(jù)進(jìn)行編碼的方式D.methods屬性，用于定義表單向服務(wù)器端提交數(shù)據(jù)的方式16.以下屬于表單元素的是：（）。A.labelB.inputC.textareaD.select17.多個備選項(xiàng)中，可選擇多個選中項(xiàng)時(shí)，可使用哪種表單元素：（）。A.<inputtype=”radio”>B.<inputtype=”checkbox”>C.<inputtype=”button”>D.<selectmultiple>四、配伍題18.為名詞匹配正確的含義<inputtype=”checkbox”>（是否同意本網(wǎng)站的條款）<textarea>（收集用戶輸入的文字信息）<inputtype=”file”>（選擇本地文件上傳服務(wù)器）<inputtype=”radio”>（性別二選一）<select>（從一百多個國家的列表中選擇多個國家）五、編程題19.從答案選項(xiàng)中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整：在表單中定義性別，二選一。要求，回發(fā)服務(wù)器時(shí)的變量名為“sex”。且擴(kuò)大選中區(qū)域，點(diǎn)擊文字，也可選中選項(xiàng)：<form><__①___><inputtype=”__②__”__③__=”sex”__④___=”1”>男</__①_><__①___><inputtype=”__②__”__③__=”sex”__④___=”0”>女</__①_></form>匹配題(1分)(計(jì)分規(guī)則:按匹配正確項(xiàng)計(jì)分)提示請從右側(cè)拖入合適的答案①（label）②（radio）③（name）④（value）第4章CSS3基礎(chǔ)知識一、判斷題1.內(nèi)部樣式表的優(yōu)先級總是高于外部樣式表。（×）2.外部樣式表是指定義在<head>元素中的<style>元素內(nèi)的一組CSS樣式聲明。（×）3.凡是定義在元素開始標(biāo)簽之外的樣式表，都成為外部樣式表。（×）4.父元素所有樣式屬性，子元素都會自動繼承。（×）5.默認(rèn)情況下，ID選擇器優(yōu)先級最高，元素選擇器優(yōu)先級最低。（√）6.為適應(yīng)不同大小的顯示設(shè)備，應(yīng)盡量選擇相對單位設(shè)置尺寸，如百分比(%)。（√）7.單位1px的顯示大小不會隨顯示器分辨率改變而改變。（×）8.margin:auto;可設(shè)置元素在水平和垂直兩個方向都居中。（×）9.外邊距合并，是指當(dāng)兩個垂直方向外邊距相遇時(shí)，將合并為一個外邊距。（√）10.如果希望將內(nèi)邊距和邊框的范圍也納入內(nèi)容范圍中用width和height共同控制，可修改box-sizing屬性值為border-box。（√）11.所有行內(nèi)元素都無法使用width和height屬性設(shè)置大小。（×）12.外邊距合并，最終的實(shí)際外邊距取決于兩個外邊距中距離較小的那個值。（×）13.背景圖片默認(rèn)是不平鋪的，如果希望平鋪可設(shè)置background-repeat:repeat。（×）14.元素多層結(jié)構(gòu)自底向上，依次是：外邊距、背景色、背景圖片、邊框和內(nèi)邊距，以及最上層的內(nèi)容。（√）15.background-size屬性值可以是contain，表示等比縮放，但以短邊剛好縮放到與元素對應(yīng)邊等長時(shí)，停止縮放。（×）16.所有元素都有vertical-align屬性，可設(shè)置內(nèi)容垂直方向居中。（）二、單選題17.下列樣式聲明語法正確的是（）。A.color=purpleB.color=”purple”C.color:”purple”D.color:purple18.下列關(guān)于內(nèi)聯(lián)樣式的定義格式正確的是:（）。A.<acolor=”red”fontSize=”12px”>B.<astyle=”color=red;font-size=12px”>C.<astyle=”color:red;font-size:12px”>D.<astyle=”color:red;fontSize:12px”>19.下列關(guān)于內(nèi)部樣式表的內(nèi)容定義正確的是:（）。A.body:{color:red,fontSize:12px}B.body{color:red;font-size:12px}C.body={color:red;fontSize:12px}D.body={color:”red”,fontSize:”12px”}20.網(wǎng)頁中引入外部樣式表的代碼正確的是（）。A.<stylerel=”stylesheet”href=”index.css”>B.<stylerel=”stylesheet”src=”index.css”>C.<linkrel=”stylesheet”href=”index.css”>D.<linkrel=”stylesheet”src=”index.css”>21.一下定義id選擇器正確的是:（）。A.#id{}B..id{}C.@id{}D.!id{}22.所有p元素和div元素字體大小均為12px，以下寫法正確的是:（）。A.p+div{font-size:12px}B.p~div{font-size:12px}C.p,div{font-size:12px}D.pdiv{font-size:12px}23.選擇ul元素下所有后代li（既包含直接子元素，又包含更深層后代元素）的選擇器是A.ul>liB.ulliC.ul,liD.ul~li24.選擇ul元素下所有直接子元素li的選擇器是（）。A.ul>liB.ulliC.ul,liD.ul~li25.選擇class為active的a元素，下列選擇器正確的是（）。A.a+.activeB.activeC.activeD.a>.actives26.鼠標(biāo)懸停在a元素上時(shí)，字體變?yōu)榧t色，正確的CSS定義是（）。A.hover{color:red}B.a:hover{font-color:red}C.a:active{color:red}D.a:active{font-color:red}27.一個元素的內(nèi)聯(lián)樣式中定義color:red,內(nèi)部樣式表中定義了color:green,外部樣式表中定義了color:yellow。最終字體顏色為（）。A.redB.greenC.yellowD.無法確定28.（）可將當(dāng)前樣式聲明的優(yōu)先級提升為最高。A.@importantB.?importC.!importantD.@import29.以下單位屬于相對長度單位的是（）。A.emB.ptC.cmD.in30.下列關(guān)于相對長度單位描述正確的是:（）。A.em總是相對于body元素的屬性值計(jì)算倍數(shù)B.em總是相對于所在父元素的屬性值計(jì)算倍數(shù)C.rem總是相對于所在父元素的屬性值計(jì)算倍數(shù)D.rem總是相對于當(dāng)前元素上的另一個屬性值計(jì)算倍數(shù)31.下列表示顏色值錯誤的是（）。A.#fffB.#e4393cC.rgb(25,128,128)D.rgb:2512812832.border屬性定義正確的是（）。A.border:1pxsolidredB.border:solid1pxredC.border:1pxredsolidD.border:red1pxsolid33.清除文本框的輪廓可使用（）。A.border:0;B.border:none;C.outline:0;D.border-radius:034.一個元素上、下外邊距都是10px，左、右外邊距都是20px，下列定義正確的是（）。A.margin:10px10px20px20pxB.margin:20px10px20pxC.margin:10px20px10pxD.margin:20px20px10px10px35.僅設(shè)置左上角和左下角為圓角的css代碼如下正確的是:（）。A.border-radius:5px5px00B.border-radius:5px005pxC.border-radius:05px5px0D.border-radius:005px5px36.僅設(shè)置左上角為圓角的css代碼正確的是:（）。A.border-top-left-radius:5px;B.border-left-top-radius:5px;C.border-radius-left-top:5px;D.border-radius-top-left:5px37.框模型規(guī)定，每個元素由內(nèi)向外由4個部分組成：（）。A.內(nèi)容，邊框,內(nèi)邊距,間距B.內(nèi)容,內(nèi)邊距,邊框,間距C.內(nèi)邊距,內(nèi)容,間距,邊框D.內(nèi)邊距,內(nèi)容,邊框,間距38.下列定義背景圖片屬性正確的是（）。A.background-image:img/logo.pngB.background-image:url(“img/logo.png”)C.background-image:“img/logo.png”D.background-image:url(img/logo.png)39.設(shè)置背景圖片相對于所在元素向上移動10px，向左移動20px，以下設(shè)置正確的是（）。A.background-position:20px10pxB.background-position:-20px-10pxC.background-position:-10px-20pxD.background-position:10px20px40.以下設(shè)置字體加粗屬性正確的是（）。A.font-size:boldB.font-weight:boldC.font-style:boldD.font-family:bold41.以下設(shè)置字體為斜體正確的是（）A.font-style:italicB.font-family:italicC.text-decoration:italicD.text-indent:italic42.普通元素設(shè)置文本垂直居中的屬性正確的是（）。A.text-valign:centerB.text-align:centerC.line-height:元素高D.line-height:元素高的一半三、多選題43.一個元素可同時(shí)被多個樣式類修飾，以下寫法正確的是:（）。A.<aclass=”.btn”class=”.btn-danger”>B.<aclass=”btn”class=”btn-danger”>C.<aclass=”btn,btn-danger”>D.<aclass=”btnbtn-danger”>44.以下關(guān)于選擇器的權(quán)重描述正確的是:（）。A.類選擇器的權(quán)重等于偽類選擇器的權(quán)重B.元素選擇器的權(quán)重大于偽類選擇器的權(quán)重C.偽類選擇器的權(quán)重小于ID選擇器的權(quán)重D.偽類選擇器的權(quán)重小于其它所有選擇器的權(quán)重45.一個元素上下內(nèi)邊距都是20px，左右內(nèi)邊距都是10px，下列定義正確的是：（）。A.padding:20px10px20px10pxB.padding:10px20px10pxC.padding:20px10px20pxD.padding:10px10px20px20px46.以下關(guān)于內(nèi)容溢出說法正確的是:（）。A.如果內(nèi)容是文字，默認(rèn)就是橫向溢出B.如果內(nèi)容是文字，默認(rèn)就是縱向溢出C.如果內(nèi)容是圖片，則默認(rèn)縱向和橫向都會溢出D.如果內(nèi)容是圖片，則默認(rèn)不會溢出47.以下可以隱藏內(nèi)容溢出部分的overflow屬性的值是：（）。A.hiddenB.visibleC.scrollD.auto48.僅顯示元素的左邊框，以下css屬性正確的是:（）。A.border-left-style:2pxB.border-left-style:solidC.border-left:2pxD.border-left:solid49.上外邊距溢出，有以下幾種預(yù)防方法：（）。A.為父元素增加上邊框B.為父元素設(shè)置上內(nèi)邊距；C.在父元素的第一個子元素位置處，增加空標(biāo)記。D.設(shè)置父元素的overflow:hidden四、配伍題50.為名詞匹配正確的含義ul>li.active（ul元素下的直接子元素中class為active的li）ulli.active（ul元素下的所有后代元素中class為active的li）ulli>.active（ul元素下的所有后代li的直接子元素中class為active的元素）ulli.active（ul元素下的所有后代li的所有后代中class為active的元素）ul>li,.active（ul元素下的直接子元素li以及其他任意class為active的元素）五、編程題51.從答案選項(xiàng)中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整：如下圖所示需求設(shè)計(jì)圖：外層一個section元素，包裹著內(nèi)層四個span元素。請?jiān)谙铝蠧SS中補(bǔ)充選擇器和css屬性：<style>section{___①__}sectionspan{___②____;___③___;}section__④__{width:223px;}</style>請從右側(cè)拖入合適的答案①（width:1000px;margin:0auto;padding:015px;margin-top:35px;）②（box-sizing:border-box;）③（padding:010px;）④（span>img）第5章CSS3高級特性一、判斷題1.塊級元素默認(rèn)都是從上到下排列的，且每個塊元素獨(dú)占一行。（√）2.用opacity設(shè)置透明度，僅影響所在元素，不影響子元素。（×）3.dispaly:none不會讓元素脫離文檔流，雖然看不見，但依然占用空間。（×）4.visibility:hidden不讓元素脫離文檔流，雖然看不見，但依然占用空間。（√）5.rgba只作用于某個屬性，如背景顏色等。（√）6.pointer屬性可設(shè)置鼠標(biāo)的光標(biāo)。當(dāng)鼠標(biāo)懸停在元素上時(shí)，可改變鼠標(biāo)光標(biāo)的顯示樣式。（×）7.修改列表項(xiàng)標(biāo)識為圖片，可使用:list-image:url(圖片路徑)屬性（×）8.list-style:none和list-style-type:none均可清除列表項(xiàng)標(biāo)識。（√）9.relative（相對定位）可讓元素脫離默認(rèn)文檔流，相對于其所在父元素左上角自由定位。（×）10.相對定位是讓元素相對于它在默認(rèn)文檔流中的原始位置偏移一段距離，經(jīng)常用于對元素位置做微調(diào)時(shí)使用。（√）11.絕對定位的元素默認(rèn)總是相對于其所在直接父級元素左上角定位。（×）12.行內(nèi)塊元素默認(rèn)都是從上到下排列的，且每個行內(nèi)塊元素獨(dú)占一行。（×）13.相對定位的元素，雖然位置偏離了原位置，但默認(rèn)文檔流中的原位置不釋放。（√）14.修改父元素的z-index屬性值>子元素的z-index屬性值可讓父元素蓋住子元素。（×）15.未使用定位屬性的元素不能使用z-index元素。（√）16.:first-child元素只能匹配一個元素。（×）17.input+span只能匹配一個元素。（×）18.:target用于匹配當(dāng)前點(diǎn)擊的a元素。（×）19.div:not([title=test])也會匹配那些不包含title屬性的div元素。（√）20.元素可設(shè)置的屬性，偽元素也可設(shè)置。元素具有的特征，偽元素也同樣具備。（√）21.使用彈性布局，要先使父容器變?yōu)閒lex容器——display:flex或display:inline-flex。（√）22.默認(rèn)情況下，如果主軸放不下所有項(xiàng)目時(shí)，項(xiàng)目會超出容器橫向溢出。（×）23.行內(nèi)元素默認(rèn)按照從左往右的方式排列，而行內(nèi)塊（inline-block）默認(rèn)從上到下排列。（×）24.彈性布局中，項(xiàng)目的flex-order屬性用于定義項(xiàng)目的排列順序。（×）25.order屬性，用于定義項(xiàng)目的排列順序。其值為整數(shù)數(shù)字，無須單位。（√）26.因?yàn)槊總€元素都擁有自己的空間，所以一個元素不可能蓋住另一個元素。（×）27.即使行內(nèi)元素浮動后，也允許修改width和height屬性。（√）28.元素一旦設(shè)置浮動定位屬性，就脫離普通文檔流定位方式，不占用普通文檔流中的頁面空間。（√）29.如果包含框太窄，無法容納水平排列的3個浮動元素，那么最后放不下的塊會被擠壓到下一行，并始終浮動到下一行的開頭。（×）30.元素一旦浮動后，都會變?yōu)樾袃?nèi)塊級元素，也允許修改大小尺寸。（×）31.如內(nèi)部浮動元素，高于外部容器元素，則內(nèi)部浮動元素超出外部元素范圍的部分自動隱藏。（×）二、單選題32.先后順序定義三個div:div1,div2,div3。div2向左浮動，div1和div3向右浮動，結(jié)果從左向右三個div的順序依次是（）。A.d1d2d3B.d2d1d3C.d2d3d1D.d1d3d233.下列選項(xiàng)中，可讓元素獨(dú)占一行的屬性為（）A.display:noneB.display:inline-blockC.display:inlineD.display:block34.下列關(guān)于vertical-align屬性描述正確的是:（）A.可設(shè)置表格元素的內(nèi)容在水平方向上的對齊方式B.可設(shè)置img元素左右兩側(cè)的文本在垂直方向的對齊方式C.可設(shè)置img元素在其父元素內(nèi)水平方向的對齊方式D.可設(shè)置div元素的內(nèi)容在垂直方向的對齊方式35.以下不能實(shí)現(xiàn)隱藏元素的是:（）A.overflow:hiddenB.opacity:0C.display:noneD.visibility:hidden36.下列清除列表項(xiàng)標(biāo)志的屬性設(shè)置正確的是（）A.list-type:noneB.list-style-type:noneC.list-type-style:noneD.list:none37.以下不屬于list-style-type屬性值的是:（）A.noneB.circleC.discD.sqrt38.將列表項(xiàng)標(biāo)識改為圖片的屬性是:（）A.list-style-typeB.list-imageC.list-style-imageD.list-type39.希望能自由修改元素的位置，但又不希望默認(rèn)文檔流中原始位置被釋放，應(yīng)選擇（）A.position:absoluteB.position:relativeC.position:fixedD.position:static40.以下關(guān)于元素定位描述錯誤的是：（）A.絕對定位的元素相對于離它最近的已定位的祖先元素實(shí)現(xiàn)定位B.如果當(dāng)前元素的各級父元素中沒有已定位的祖先元素，那么元素就相對于body定位C.通常在設(shè)置絕對定位前，都要先找到要參照的祖先元素，并為祖先元素添加position屬性D.祖先元素的position屬性只能設(shè)置為relative41.下列關(guān)于位移屬性描述正確的是:（）A.left:-20px是讓元素基于當(dāng)前位置向左移動20pxB.left:20px是讓元素基于當(dāng)前位置向左移動20pxC.left:-20px是讓元素基于瀏覽器邊框，向左移動20pxD.left:20px是讓元素基于瀏覽器邊框，向左移動20px42.三個相鄰元素:<b></b><span></span><i></i>，希望選中<b>元素后的<i>元素，下列選擇器正確的是（）A.b,i{}B.b+i{}C.b~i{}D.b>i{}43.CSS提供了（）屬性用于設(shè)置元素浮動定位：A.overflowB.floatC.floorD.fixed44.選擇包含title屬性且title屬性值中包含“es”的div元素，下列選擇器正確的是（）A.div[title=es]B.div[title*=es]C.div[title^=es]D.div[title$=es]45.選擇title屬性不等于”test”的div元素，下列選擇器正確的是:（）A.div:not([title=test])B.div[title!=test]C.div[title*=test]D.div[title$=test]46.希望單擊一個a元素，控制另一個元素的樣式變化，可使用以下哪種選擇器:（）A.:hoverB.:targetC.:activeD.:link47.以下描述錯誤的是:（）A.::before，用于匹配某元素內(nèi)容區(qū)域之前的位置B.:after，用于匹配某元素內(nèi)容區(qū)域結(jié)尾的位置C.after，用于匹配某元素內(nèi)容區(qū)域結(jié)尾的位置D.:before，用于匹配某元素與前一個元素之間的空白區(qū)域48.下列在p元素開頭添加“>>”符號的代碼正確的是:（）A.p::before{container:“>>”}B.p::before{container:>>}C.p::before{content:>>}D.p::before{content:“>>”}49.防止外邊距溢出最好的方法是:（）A.父元素::before{content:””;display:table;}B.父元素::before{content:””;display:”table”}C.父元素::before{container:””;display:table}D.父元素::before{container:””;display:”table”}50.下列對于flex-direction屬性值描述正確的是:（）A.值為row表示主軸x軸，起點(diǎn)在容器中心點(diǎn)B.值為row-reverse表示主軸x軸，起點(diǎn)在右端C.值為column表示主軸y軸，起點(diǎn)在底端D.值為column表示主軸x軸，起點(diǎn)在最左端51.如果主軸放不下所有項(xiàng)目時(shí)，可設(shè)置flex-wrap屬性值為（）來實(shí)現(xiàn)換行顯示，但不改變主軸方向。A.nowrapB.wrap-reverseC.reverseD.wrap52.下列代碼可以定義flex容器x為主軸，從左向右排列，且如果放不下就換行繼續(xù)從左向右排列的是:（）。A.flex:rowwrapB.flex:wraprowC.flex-flow:rowwrapD.flex-flow:wraprow53.設(shè)置項(xiàng)目在主軸上的對齊方式，可設(shè)置以下哪個屬性:（）。A.flex-directionB.justify-contentC.flex-flowD.flex-wrap54.以下不屬于float屬性值的是：（）A.leftB.rightC.noneD.center55.實(shí)現(xiàn)每個項(xiàng)目兩端間距相同可設(shè)置以下哪個屬性:（）A.justify-content:space-aroundB.flex-wrap:wrapC.flex-direction:space-aroundD.justify-content:column56.下列不屬于align-self屬性值的是:（）A.flex-startB.flex-endC.flex-centerD.baseline57.文檔類型聲明:<!DOCTYPEhtml>說明當(dāng)前網(wǎng)頁使用的是（）標(biāo)準(zhǔn)A.HTML4.1B.XHTML1.0C.XHTML2.0D.HTML558.清除前面元素浮動對當(dāng)前元素的影響，可設(shè)置（）屬性。A.display:clearB.clear:bothC.float:bothD.both:clear59.下列選項(xiàng)中，可讓圖片左右文字與圖片垂直居中對齊的css屬性是（）。A.text-align:centerB.vertical-align:middleC.text-valign:centerD.vertical-align:baseline60.下列設(shè)置鼠標(biāo)懸停時(shí)光標(biāo)變?yōu)槭种傅膶傩允牵ǎ?。A.cursor:moveB.cursor:waitC.cursor:textD.cursor:pointer61.如果包含框太窄，無法容納水平排列的3個浮動元素，那么最后放不下的塊會：（）A.被擠壓到下一行B.默認(rèn)隱藏C.橫向溢出D.始終換行到下一行的開頭62.元素一旦浮動后，都會變?yōu)椋海ǎ〢.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.浮動元素63.以下不屬于clear屬性值的是:（）A.leftB.rightC.bothD.none三、多選題64.以下描述正確的是:（）A.設(shè)置浮動定位屬性的元素會脫離普通文檔流，不占用普通文檔流中的頁面空間B.文檔的普通流中的其他塊，會上移填補(bǔ)浮動元素留下的空白位置C.元素浮動定位是相對于元素在普通文檔流中的原位置設(shè)置位移的偏移量D.浮動定位的元素在原文檔流中的位置始終占用，不釋放65.已知連續(xù)四個<li>元素，下列選擇器中可選擇后三個li的是：（）A.li>liB.li+liC.li~liD.lili66.以下選擇器中可匹配table中tbody下的偶數(shù)行的有:（）A.table>tbody>tr:nth-child(even)B.table>tbody>tr:nth-child(odd)C.table>tbody>tr:nth-child(2n+1)D.table>tbody>tr:nth-child(2n)67.匹配元素內(nèi)容中的首字母，可使用以下哪些選擇器:（）A.::first-lineB.::first-letterC.:first-letterD.:first-line68.下列可以清除浮動對父元素帶來的影響的代碼是:（）A.父元素::before{content:””;display:”table”}B.父元素{clear:both}C.父元素{overflow:hidden}D.父元素:after{display:block;content:””;clear:both;}69.下列關(guān)于彈性布局中項(xiàng)目的屬性，描述正確的是:（）A.項(xiàng)目的flex-order屬性用于定義項(xiàng)目的排列順序B.項(xiàng)目的flex-grow屬性用于定義項(xiàng)目的放大比例C.項(xiàng)目的flex-shrink屬性用于定義項(xiàng)目的縮小比例D.項(xiàng)目的align屬性用于單獨(dú)定義某一個項(xiàng)目在主軸上的對齊方式。70.關(guān)于align-items屬性的值，下列描述正確的是:（）A.flex-start表示讓項(xiàng)目以主軸的起點(diǎn)方向?qū)RB.flex-end表示讓項(xiàng)目以主軸的終點(diǎn)方向?qū)RC.baseline表示讓項(xiàng)目以交叉軸的基線對齊D.stretch表示如果項(xiàng)目未設(shè)置尺寸就讓項(xiàng)目在交叉軸上占滿所有空間71.以下關(guān)于clear屬性描述正確的是：（）A.該屬性值可以是:left，用于清除當(dāng)前元素前面元素的任意浮動帶來的影響B(tài).該屬性值可以是:left，用于清除當(dāng)前元素前面元素的左浮動帶來的影響C.該屬性值可以是:right，用于清除當(dāng)前元素后面的元素任意浮動帶來的影響D.該屬性值可以是:right，用于清除當(dāng)前元素前面的元素右浮動帶來的影響72.清除浮動對父元素影響的方案有：（）A.給父元素設(shè)置固定的高度B.設(shè)置父元素的float屬性為hidden或autoC.設(shè)置父元素也浮動D.在父元素內(nèi)的結(jié)尾追加一個空子元素（塊級元素），并設(shè)置空子元素清除浮動影響（clear:both）73.默認(rèn)可在一行中水平排列的元素有:（）A.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.標(biāo)題元素74.下列對于opacity屬性描述正確的是:（）A.值是1~100之間的任意一個整數(shù)B.數(shù)值越大，越不透明；數(shù)值越小，越透明C.opacity可用于將整個元素的所有屬性及其子內(nèi)容全部設(shè)置透明度D.值是0~1之間的任意一個小數(shù)75.下列可使用vertical-align屬性設(shè)置垂直方向?qū)R方式的有:（）A.tableB.divC.pD.img76.下列關(guān)于固定定位描述正確的是:（）A.固定定位的元素，以文檔顯示區(qū)左上角作為參照B.固定定位的元素，以body左上角作為參照C.固定定位的元素位置在網(wǎng)頁滾動時(shí)，跟隨滾動，始終保持與body左上角的相對位置不變D.固定定位的元素位置不會隨著滾動條的滾動而發(fā)生改變77.下列關(guān)于位移屬性描述正確的是:（）A.top:-20px是讓元素基于當(dāng)前位置向上移動20pxB.top:20px是讓元素基于當(dāng)前位置向下移動20pxC.bottom:-20px是讓元素基于當(dāng)前位置向下移動20pxD.bottom:20px是讓元素基于當(dāng)前位置向下移動20px78.下列關(guān)于z-index屬性描述正確的是:（）A.z-index屬性用于設(shè)置上下兩層元素之間的距離，值為數(shù)字，且必須加上長度范圍B.z-index屬性用于改變元素的堆疊順序，其值為一個數(shù)字，無須加單位C.數(shù)字越小，越靠上層D.數(shù)字越大，越靠上層四、配伍題79.為名詞匹配正確的含義position:absolue（通過相對于離它最近的已定位（同樣設(shè)置了position屬性）的祖先元素實(shí)現(xiàn)定位。）position:relative（讓元素相對于它在默認(rèn)文檔流中的原始位置偏移一段距離，經(jīng)常用于對元素位置做微調(diào)時(shí)使用。）position:fixed（將元素固定在文檔顯示區(qū)中的某個位置。）float:left（希望讓塊元素也能在一行中左右排列）flex（定義父元素中子元素的布局方式。）五、編程題80.從答案選項(xiàng)中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整：定義登錄對話框，使其顯示在文檔顯示區(qū)中心，且不隨頁面滾動而滾動。已知登錄對話框?qū)?10px，高380px。請?jiān)谙铝蠧SS中補(bǔ)充選擇器和css屬性：<style>#loginform{width:310px;height:380px;____①________②____margin-top:____③___;margin-left:____④____;}</style>請從右側(cè)拖入合適的答案①（position:fixed;）②（top:50%;left:50%;）③（-190px）④（-155px）第6章CSS3漸變、過渡與動畫一、判斷題1.設(shè)置元素的background-image屬性，取值為一個linear-gradient()命令，可實(shí)現(xiàn)線性漸變。（√）2.修改要執(zhí)行3D變換的元素本身的perspective屬性，可調(diào)整視距。（×）3.定義元素的transform屬性時(shí)執(zhí)行translate()函數(shù)，可讓元素發(fā)生位移。（√）4.定義元素的transform屬性時(shí)執(zhí)行scale()函數(shù)，可讓元素發(fā)生縮放。（√）5.定義元素的scale屬性，可讓元素發(fā)生縮放。（×）6.scale(value)中，縮放比例value的默認(rèn)值為0，表示不縮放。若value>0，表示放大；若value<0，表示縮小。（×）7.定義元素的transform屬性時(shí)執(zhí)行rotate()函數(shù)，可讓元素發(fā)生旋轉(zhuǎn)。（√）8.定義元素的rotate屬性，可讓元素發(fā)生旋轉(zhuǎn)。（×）9.rotate(ndeg)中，若n為正，順時(shí)針旋轉(zhuǎn)；若n為負(fù)，逆時(shí)針旋轉(zhuǎn)。（√）10.設(shè)置過渡速度變化曲線為:easy-in，表示慢速開始，加速結(jié)束。（×）11.設(shè)置過渡速度變化曲線為:ease-out,表示慢速開始，加速結(jié)束。（×）12.設(shè)置元素的linear-gradient屬性，可實(shí)現(xiàn)線性漸變。（×）13.過渡速度變化曲線的默認(rèn)值為:ease，表示從慢速開始，快速變快，最后慢速結(jié)束。（√）14.@keyframes定義的動畫會在頁面加載時(shí)，自動執(zhí)行，無需調(diào)用。（×）15.設(shè)置元素的background-image屬性，取值為一個radial-gradient()命令，可實(shí)現(xiàn)徑向漸變。（√）16.設(shè)置元素的radial-gradient屬性，可實(shí)現(xiàn)徑向漸變。（×）17.設(shè)置元素的background-image屬性，取值為一個repeating-linear-gradient()命令，可實(shí)現(xiàn)重復(fù)漸變。（√）18.設(shè)置元素的repeating-linear-gradient屬性，可實(shí)現(xiàn)重復(fù)漸變。（×）19.2D旋轉(zhuǎn)時(shí)，默認(rèn)的轉(zhuǎn)換原點(diǎn)為元素左上角(0,0)位置。（×）20.轉(zhuǎn)換原點(diǎn)是指在轉(zhuǎn)換過程中，距離旋轉(zhuǎn)圓心最遠(yuǎn)的一點(diǎn)。（×）21.視距越小，3D轉(zhuǎn)換的幅度越明顯；視距越大，3D轉(zhuǎn)換的幅度越不明顯。（√）二、單選題22.以下關(guān)鍵字組合中，等效于設(shè)置線性漸變角度為45°的是（）A.totopleftB.totoprightC.toleftD.toright23.設(shè)置元素的transform屬性和box-shadow屬性，在2s內(nèi)過渡變化，正確的是（）A.transition-property:transformbox-shadow;transition-duration:2s;B.transition-property:transform,box-shadow;transition-duration:2s;C.transition-property:transform2sbox-shadow2s;D.transition-property:transformbox-shadow2s;24.希望修改某個CSS屬性值時(shí)平緩變化，可使用CSS的（）屬性A.transform-propertyB.translate-propertyC.transform-floatD.transition-property25.可使用（）屬性設(shè)置過渡變化的時(shí)間A.transitionB.transition-durationC.durationD.transform-duration26.下列選項(xiàng)中，設(shè)置元素所有屬性在2s內(nèi)勻速過渡變化正確的是（）A.transition:2slinearallB.transition:linear2sallC.transition:all2slinearD.transition:alllinear2s27.定義復(fù)雜動畫，實(shí)現(xiàn)一個div順時(shí)針旋轉(zhuǎn)一周，正確的是（）A.@keyframemyRotate{0%{transform:rotate(0deg)},100%{transform:rotate(360deg)}}B.@keyframesmyRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}C.@keyframesmyRotate(0%{transform:rotate(0deg)}100%{transform:rotate(360deg)})D.@keyframemyRotate(0%{transform:rotate(0deg)},100%{transform:rotate(360deg)})28.下列調(diào)用動畫執(zhí)行的語句正確的是（）A.animation:linearball5sinfinitealternate;B.animation:balllinearinfinitealternate;C.animation:linear5slinearinfinitealternate;D.animation:ball5slinearinfinite;29.可設(shè)置動畫暫停的css屬性為:（）A.animation-play-stateB.animat-play-stateC.animat-playD.animation-state30.以下關(guān)于線性漸變描述正確的是:（）A.線性漸變就是延水平方向填充漸變色B.線性漸變就是延垂直方向填充漸變色C.線性漸變就是以直線的方向來填充漸變色D.線性漸變就是以圓心為中心，延半徑向外漸變31.設(shè)置按鈕背景色自上向下漸變，從頂部白色漸變到底部銀色，下列寫法正確的是（）A.background-image:linear-gradient(tobottom,#f0f0f00%,#e0e0e0100%)B.background-image:linear-gradient(tobottom,0%#f0f0f0,100%#e0e0e0)C.background-image:linear-gradient(tobottom,0%,#f0f0f0,100%,#e0e0e0)D.background-image:linear-gradient(tobottom,#f0f0f0,0%,#e0e0e0,100%)32.添加-webkit-前綴不可解決（）瀏覽器的css屬性兼容性問題A.新版operaB.ChromeC.SafariD.Firefox33.解決Firefox瀏覽器的css屬性兼容性問題，可添加（）前綴A.-webkit-B.-moz-C.-o-D.-ms-34.寬100px的div元素，修改轉(zhuǎn)換原點(diǎn)為右上角，下列屬性設(shè)置正確的是（）A.transform-origin:100%0B.transform-origin:0100%C.transform-origin:0100pxD.transform-origin:lefttop35.默認(rèn)的轉(zhuǎn)換原點(diǎn)是：（）A.元素的左上角B.元素的右上角C.元素的頂部中心點(diǎn)D.元素圖形的中心點(diǎn)36.下列屬性中，不能將元素右移100px的設(shè)置是（）A.transform:translateX(100px)B.translateX:100pxC.transform:translate(100px)D.margin-left:100px37.下列屬性中，可將元素順時(shí)針旋轉(zhuǎn)45°的是（）A.transform:rotate(45)B.transform:rotate(-45)C.transform:rotate(-315deg)D.transform:rotate(-45deg)三、多選題38.下列屬于漸變分類的是:（）A.線性漸變B.徑向漸變C.重復(fù)漸變D.水平漸變39.以下設(shè)置漸變角度的語法正確的是:（）A.totopB.topC.60°D.60deg40.下列哪些值可作為轉(zhuǎn)換原點(diǎn)位置的值：（）A.0pxB.0C.60degD.left41.下列可以設(shè)置元素在x軸上發(fā)生位移的函數(shù)是:（）A.translate(x)B.transform(x)C.translateX(x)D.transformX(x)42.下列可分別設(shè)置元素在x軸和y軸兩個方向上的縮放比例的是：（）A.scale(value)B.scale(x,y)C.scaleX(x)和scaleY(y)D.scale必須等比例縮放43.下列關(guān)于視距描述正確的是:（）A.視距越遠(yuǎn)，元素在顯示器投影平面上的像越小B.視距越遠(yuǎn)，元素在顯示器投影平面上的像越大C.如果希望三維轉(zhuǎn)換越明顯，應(yīng)增大視距D.如果希望三維轉(zhuǎn)換越明顯，應(yīng)縮小視距44.以下屬性值中可用于設(shè)置過渡速度變化曲線的值有:（）A.linearB.ease-inC.eary-inD.easy-out四、配伍題45.為名詞匹配正確的含義請從右側(cè)拖入合適的答案transform-origin（用于修改轉(zhuǎn)換原點(diǎn)的位置）translate（可讓元素發(fā)生位移）transform（修改CSS屬性值時(shí)平緩變化）perspective（模擬人的眼睛到3D轉(zhuǎn)換元素之間的距離）transition（修改CSS屬性值時(shí)平緩變化）五、編程題46.從答案選項(xiàng)中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整在網(wǎng)頁中定義一個名為ball的幀動畫，并在某個元素的樣式中啟動動畫播放代碼如下：<html><head><style>_____①______{0%{/*動畫第一幀的樣式CSS屬性*/}……100%{/*動畫結(jié)束時(shí)的樣式CSS屬性*/}}#ball{…;/*其他css屬性*//*以下啟動動畫:*/___②___:___③_____④____速度變化曲線延遲時(shí)間反復(fù)執(zhí)行次數(shù)執(zhí)行方向;}</style></head><body><divid=”ball”></div></body></html>請從右側(cè)拖入合適的答案①（@keyframesball）②（animation）③（ball）④（5s）第7章Less一、判斷題1.靜態(tài)樣式語言中雖然有變量，但是無法記性算術(shù)運(yùn)算。（×）2.編譯是指將瀏覽器不認(rèn)識的Less語言代碼轉(zhuǎn)換為CSS語言代碼的過程。（√）3.Less既支持多行注釋，又支持單行注釋，所有注釋都會被編譯到CSS中。（×）4.@import在引入多個less文件時(shí)，會增加請求次數(shù)。（×）5.用@import引入另一個.less文件，執(zhí)行過程同CSS中用@import引入另一個css文件原理完全相同。（×）6.CSS中用@import引入另一個css文件，會增加請求次數(shù)。（√）二、單選題7.下列引入并在客戶端編譯less的代碼正確的是（）A.<linkrel="stylesheet"href="css/index.less"><scriptsrc="js/less.min.js"></script>B.<linkrel="stylesheet/less"href="css/index.less"><scriptsrc="js/less.min.js"></script>C.<scriptsrc="js/less.min.js"></script><linkrel="stylesheet/less"href="css/index.less">D.<scriptsrc="js/less.min.js"></script><linkrel="stylesheet"href="css/index.less">8.下列在less中定義變量的語法正確的是（）A.red:#e4393c;B.@red=#e4393c;C.@red:#e4393c;D.red=#e4393c;9.下列使用變量正確的是（）A.background-color:@red;B.background-color=red;C.background-color=@red;D.background-color:red;10.公共類型.m-p-0，可幫元素設(shè)置margin和padding屬性，但暫時(shí)不知道m(xù)argin和padding的值，下列代碼正確的是（）A..m-p-0(m,p){margin:m;padding:p}B..m-p-0(mp){margin:m;padding:p}C..m-p-0(@m,@p){margin:m,padding:p}D..m-p-0(@m,@p){margin:@m,padding:@p}11.下列混入時(shí)傳入?yún)?shù)的代碼正確的是（）A.h1{.m-p-0(10,10);……}B.h1{.m-p-0:1010;……}C.h1{.m-p-0(10px,10px);……}D.h1{.m-p-0：(10px,10px);……}12.在一個less文件中，引入另一個less文件，下列正確的是（）A.@import"variables.less"B.@importurl("variables.less")C.!import"variables.less"D.import"variables.less"三、多選題13.以下屬于動態(tài)樣式語言具備而靜態(tài)樣式語言不具備的特征有:（）A.變量B.否定偽類C.選擇器D.運(yùn)算14.不需要動態(tài)樣式語言，靜態(tài)樣式語言已經(jīng)具備的特征有:（）A.選擇器分組B.否定偽類C.運(yùn)算D.屬性選擇器15.下列對于less提供的內(nèi)置函數(shù)描述正確的是:（）A.ceil(值)——取整B.lighten(顏色值,百分百)——把指定顏色變亮C.image-width(寬度)——設(shè)置指定圖片寬度D.image-height(圖片路徑)——返回指定圖片高度四、編程題16.從答案選項(xiàng)中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整定義var.less文件，其中聲明兩個變量保存字體大小和顏色值再定義index.less文件，其中引入var.less中基礎(chǔ)變量，并使用基礎(chǔ)變量代碼如下：/*var.less文件中:*/_①__:#e4393c;_②__:12px;/*index.less文件中*/_③__;h1{background-color:_①__;//使用變量color:#fff;font-size:_④__//將字體在標(biāo)準(zhǔn)字體基礎(chǔ)上放大一倍}請從右側(cè)拖入合適的答案①（@red）②（@fontSize）③（@import“var.less”）④（@fontSize*2）第8章Bootstrap響應(yīng)式網(wǎng)頁開發(fā)一、判斷題1.響應(yīng)式網(wǎng)頁是指，一個網(wǎng)頁會根據(jù)用戶瀏覽器設(shè)備不同而自動改變布局。（√）2.響應(yīng)式網(wǎng)頁是指，一個網(wǎng)頁中包含可與用戶交互的功能的網(wǎng)頁。（×）3.在任何情況下，視口大小總是等于設(shè)備寬。（×）4.視口的尺寸可以隨意指定，且視口與顯示設(shè)備的物理分辨率無關(guān)。（√）5.視口在手機(jī)端和在PC端都默認(rèn)始終通過縮小網(wǎng)頁方式，全部顯示網(wǎng)頁內(nèi)容。（×）6.物理設(shè)備寬比視口寬更能精準(zhǔn)確定一個設(shè)備的種類。（√）7.媒體查詢，就是查詢出當(dāng)前瀏覽器的名稱和版本號。（×）8.媒體查詢，即可使用瀏覽器的視口大小作為判斷條件，又可使用物理設(shè)備的窗口大小作為判斷條件。（√）二、單選題9.響應(yīng)式網(wǎng)頁劃分顯示設(shè)備的分類，依據(jù)的是:（）。A.物理設(shè)備的大小B.物理設(shè)備的顯示分辨率大小C.網(wǎng)頁body的大小D.瀏覽器窗口大小10.要求當(dāng)前網(wǎng)頁加載時(shí)，視口大小等于設(shè)備寬，且初始時(shí)不縮放，下列代碼正確的是（）。A.<metaname="viewport"content="width=device-width,initial=noscale">B.<metaname="viewport"content="width:device-width;initial-scale:1.0">C.<metaname="viewport"content="width=device,initial-scale=1.0">D.<metaname="viewport"content="width=device-width,initial-scale=1.0">11.根據(jù)媒體查詢執(zhí)行不同CSS文件，要求只有視口寬大于768px時(shí)，才執(zhí)行print.css文件，下列代碼正確的是（）。A.<linkmedia="screen&&(minWsidth:768px)"rel="stylesheet"href="print.css"/>B.<linkmedia="screen&&(min-width>768px)"rel="stylesheet"href="print.css"/>C.<linkmedia="screenand(minWidth:768px)"rel="stylesheet"href="print.css"/>D.<linkmedia="screenand(min-width:768px)"rel="stylesheet"href="print.css"/>12.普通規(guī)則下，如果設(shè)備寬為767px，可認(rèn)為其為（）設(shè)備。A.超大屏B.PCC.PADD.手機(jī)13.PC設(shè)備顯示器下，讓class為box的元素背景為紅色，下列代碼正確的是（）。A..@mediascreenand(min-width:992px){background:red;}B.@mediascreenand(min-width:768px){.box{background:red;}}C.@mediascreenand(min-width:992px){.box{background:red;}}D.box{@mediascreenand(min-width:768px){background:red;}}14.下列關(guān)于媒體查詢說法正確的是：（）。A.min-width：768pxandmax-width:991px，表示瀏覽器視口寬≥768px而且≤991px，說明是平板電腦顯示屏大小范圍；B.min-width：768px&&max-width:991px，表示瀏覽器視口寬≥768px而且≤991px，說明是平板電腦顯示屏大小范圍；C.min-width：768px&max-width:991px，表示瀏覽器視口寬≥768px而且≤991px，說明是平板電腦顯示屏大小范圍；D.min-width：768pxmax-width:991px，表示瀏覽器視口寬≥768px而且≤991px，15.下列關(guān)于媒體查詢說正確的是：（）。A.min-device-width是用瀏覽器視口寬作為判斷條件B.max-width是用設(shè)備物理顯示屏寬作為判斷條件C.min-device-width是用設(shè)備物理顯示屏寬作為判斷條件D.min-width是用瀏覽器軟件的窗口寬作為判斷條件16.一個元素在PC和PAD下，在行中占比為1/4，在手機(jī)下，在行中占比1/2,下列代碼正確的是（）。A.<ANYclass=”col-md-3col-xs-6”B.<ANYclass=”col-md-3col-sm-3col-xl-6”C.<ANYclass=”col-md-3col-sm-6”D.<ANYclass=”col-sm-3col-xs-6”17.一個元素，在PC下，在行中占比為1/4，在PAD和手機(jī)下隱藏,下列代碼正確的是（）。A.<ANYclass=”col-pc-4hidden-md”B.<ANYclass=”col-pc-3hidden-md”C.<ANYclass=”col-pc-3hidden-sm”D.<ANYclass=”col-pc-4hidden-sm”三、多選題18.流式布局主要使用:（）。A.使用table顯示網(wǎng)頁的各個區(qū)域B.使用浮動定位顯示網(wǎng)頁的各個區(qū)域C.使用行內(nèi)塊顯示網(wǎng)頁的各個區(qū)域D.使用塊元素顯示網(wǎng)頁的各個區(qū)域19.以下關(guān)于媒體查詢的描述正確的是:（）。A.媒體查詢，就是查詢出當(dāng)前瀏覽網(wǎng)頁的設(shè)備的類型及特性，如屏幕尺寸B.媒體查詢，就是查詢出當(dāng)前瀏覽器的名稱和版本號C.媒體查詢，就是根據(jù)瀏覽器的名稱和版本號不同執(zhí)行不同的CSS代碼D.媒體查詢，就是根據(jù)設(shè)備和特性不同，選擇執(zhí)行不同的CSS代碼20.以下設(shè)備分類的標(biāo)準(zhǔn)正確的是：（）A.瀏覽器視口寬≤992px，說明是PC顯示器大小范圍B.瀏覽器視口寬≥768px而且≤991px，說明是平板電腦顯示屏大小范圍C.瀏覽器視口寬≤767px，說明是手機(jī)顯示屏大小范圍D.瀏覽器視口寬≥768px而且≤991px，說明是PC顯示器大小范圍四、配伍題21.為名詞匹配正確的含義col-md-6（PC機(jī)顯示設(shè)備中當(dāng)前元素寬占用容器總寬度的50%）hidden-sm（Pad和手機(jī)屏幕中當(dāng)前元素隱藏）col-sm-3（Pad屏幕中當(dāng)前元素寬占容器寬度的1/4）col-xs-6（手機(jī)屏幕中當(dāng)前元素寬占容器元素寬的一半）col-lg-2（超大屏幕中當(dāng)前元素寬占容器元素寬的1/6）第9章Bootstrap常用組件一、判斷題1.響應(yīng)式圖片可讓圖片根據(jù)瀏

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論