Web開(kāi)發(fā)基礎(chǔ)練習(xí)題_第1頁(yè)
Web開(kāi)發(fā)基礎(chǔ)練習(xí)題_第2頁(yè)
Web開(kāi)發(fā)基礎(chǔ)練習(xí)題_第3頁(yè)
Web開(kāi)發(fā)基礎(chǔ)練習(xí)題_第4頁(yè)
Web開(kāi)發(fā)基礎(chǔ)練習(xí)題_第5頁(yè)
已閱讀5頁(yè)，還剩25頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

Web開(kāi)發(fā)基礎(chǔ)練習(xí)題試題題型：配伍題、判斷題、單選題、多選題、編程題第1章Web的工作方式判斷題Web（WorldWideWeb）即全球廣域網(wǎng)，也稱為萬(wàn)維網(wǎng)。（）Web服務(wù)器主要功能包括:存儲(chǔ)網(wǎng)站資源文件，代用戶發(fā)送請(qǐng)求，提供基本的安全功能。（）×Web服務(wù)端應(yīng)用程序開(kāi)發(fā)主要可以使用以下幾種編程語(yǔ)言:PHP、ASP.NET等。（）√FTP協(xié)議規(guī)定了Web服務(wù)器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)。（）×Web中采用HTML（HyperTextMarkupLanguage,超文本標(biāo)記語(yǔ)言）通信協(xié)議。（）×單選題Internet上提供的主要服務(wù)有:Telnet、E-mail、（）、FTP。CA．AppB.WindowsC.WWWD.W3C萬(wàn)維網(wǎng)聯(lián)盟（WorldWideWebConsortium），簡(jiǎn)稱（），專門負(fù)責(zé)制定Web應(yīng)用的標(biāo)準(zhǔn)。CA.WWWB.WebC.W3CD.3WCWeb分為（）和Web服務(wù)器程序。AA．Web客戶端B.HTMLC.數(shù)據(jù)庫(kù)D.瀏覽器Web程序要想順利運(yùn)行，就需要Web服務(wù)器、瀏覽器、（）三者相互配合，共同發(fā)揮作用。DA.數(shù)據(jù)庫(kù)B.HTMLC.網(wǎng)頁(yè)D.通信協(xié)議創(chuàng)建Web內(nèi)容主要包括三部分:Web設(shè)計(jì)、（）和Web服務(wù)器端應(yīng)用程序開(kāi)發(fā)。BA.數(shù)據(jù)庫(kù)開(kāi)發(fā)B.Web前端網(wǎng)頁(yè)開(kāi)發(fā)C.App開(kāi)發(fā)D.通信協(xié)議配伍題請(qǐng)為名詞①⑤選擇表示其含義的描述，將配對(duì)好的ae填寫(xiě)到括號(hào)中①WEB服務(wù)器a代用戶發(fā)送請(qǐng)求，作為HTML的解釋器和內(nèi)嵌腳本的執(zhí)行器，用圖形化方式顯示W(wǎng)eb網(wǎng)頁(yè)的內(nèi)容。②WEB瀏覽器b存儲(chǔ)網(wǎng)站資源文件，響應(yīng)瀏覽器發(fā)來(lái)的請(qǐng)求，提供基本的安全功能③HTTP協(xié)議c用于支持客戶機(jī)跨廣域網(wǎng)訪問(wèn)公司內(nèi)部網(wǎng)絡(luò)的服務(wù)④Internetd規(guī)定了Web服務(wù)器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)⑤遠(yuǎn)程訪問(wèn)服務(wù)e由那些使用公用語(yǔ)言互相通信的計(jì)算機(jī)連接而成的全球網(wǎng)絡(luò)請(qǐng)?zhí)顚?xiě)：①：②：③：④：⑤：[參考答案]：b②：a③：d④：e⑤：c第2章HTML5基礎(chǔ)知識(shí)判斷題HTML規(guī)定元素標(biāo)簽可以嵌套，但不允許交叉。（）單標(biāo)記只有開(kāi)始標(biāo)記，沒(méi)有結(jié)束標(biāo)記。開(kāi)始標(biāo)記中的/可有可無(wú)。（）如果網(wǎng)頁(yè)中包含多個(gè)擁有相同id屬性值的元素，則網(wǎng)頁(yè)報(bào)錯(cuò)，無(wú)法顯示。（）×<p>元素中不允許包含以下元素：標(biāo)題元素（h1~h6）、span元素、div元素。（）×HTML源代碼中的空格都是無(wú)效的，最終顯示時(shí)，都會(huì)被瀏覽器刪掉。（）×查找父級(jí)目錄中的文件或文件夾，可使用“.../父級(jí)目錄文件或文件夾”返回上級(jí)目錄。（）×若不指定<a>元素的target屬性，則在單擊超鏈接時(shí)，默認(rèn)會(huì)在當(dāng)前窗口打開(kāi)新網(wǎng)頁(yè)。（）設(shè)置<td>的colspan屬性可讓單元格跨多行顯示。（）×表格元素的align屬性不是設(shè)置表格內(nèi)容居中對(duì)齊。而是設(shè)置整個(gè)表格在其父元素中整體居中對(duì)齊。（）有序列表可自動(dòng)將列表項(xiàng)按內(nèi)容排序后顯示。（）×單選題下面定義HTML注釋正確的是（）。BA．<div<!--id="main"-->></div>B.<div><!--這里是注釋--></div>C.<!--<!--這里是注釋-->-->D.<div><--這里是注釋--></div>下面定義頁(yè)面編碼格式的元素正確的是（）。CA．<metacharset=utf-8>B.<metacharset："utf-8">C.<metacharset="utf-8"> D.<titlecharset=’utf-8’>以下可以實(shí)現(xiàn)當(dāng)鼠標(biāo)懸停在元素上時(shí)，出現(xiàn)工具提示效果的是（）。C A.<div><title>工具提示的內(nèi)容</title></div> B.<divid=”工具提示的內(nèi)容”></div> C.<divtitle=”工具提示的內(nèi)容”></div> D.<divtooltip=”工具提示的內(nèi)容”></div>以下說(shuō)法正確的是（）。C A.只要網(wǎng)頁(yè)中包含中文，都必須設(shè)置<metacharset=”utf-8”> B.只要網(wǎng)頁(yè)中同時(shí)包含中文和英文，都必須設(shè)置<metacharset=”utf-8”> C.<metacharset=””>必須和當(dāng)前網(wǎng)頁(yè).html文件的編碼格式保持一致 D.在中文版操作系統(tǒng)中，必須設(shè)置<metacharset=”utf-8”>下面定義頁(yè)面編碼格式的元素不正確的是（）。DA．<metacharset=”utf-8”>B.<metacharset="utf-8"/>C.<metacharset=”utf-8”></meta> D.<bodycharset=’utf-8’><img>元素的（）屬性用于設(shè)置要引入的圖片的URL地址。BA.hrefB.srcC.altD.link將<a>元素的target屬性值設(shè)置為（），可實(shí)現(xiàn)單擊<a>在新窗口打開(kāi)新鏈接。CA._selfB.不指定值C._blankD.blank以下定義錨點(diǎn)位置錯(cuò)誤的是（）。BA.<labelid="top"></label>B.<a>top</a>C.<aname="top"></a>D.<aid="top">關(guān)于絕對(duì)路徑的組成，以下描述正確的是（）。A A.協(xié)議://域名/目錄路徑/文件名 B.協(xié)議/>域名/目錄路徑/文件名 C.目錄路徑:/協(xié)議/域名/文件名 D.目錄路徑:>協(xié)議/域名/文件名HTML5結(jié)構(gòu)標(biāo)記中專門定義主導(dǎo)航區(qū)域的元素是（）。BA.<header>B.<nav>C.<section>D.<aside>多選題以下標(biāo)記定義正確的是:（）。BCDA.<div><p></div></p>B.<div><br></div><br>C.<div><p></p></div>D.<div><br><br></div>以下說(shuō)法正確的是（）。BC A.<html>元素中所有子元素的內(nèi)容，都會(huì)顯示在網(wǎng)頁(yè)上 B.<head>元素中包含對(duì)網(wǎng)頁(yè)的配置 C.<body>元素中包含要顯示的網(wǎng)頁(yè)的主要內(nèi)容 D.<title>元素即可定義在<head>中，又可定義在<body>中下列說(shuō)法錯(cuò)誤的是（）。ABCA.<b>元素專門用于代替換行B.<i>元素專門用于給文字加下劃線C.<u>元素專門用于加粗顯示文字D.<p>元素專門用于顯示一段文字，并在開(kāi)頭和結(jié)尾自動(dòng)換行。對(duì)<audio>標(biāo)記的屬性描述正確的是（）。BD A.href屬性用于設(shè)置要播放的音頻文件的路徑 B.src屬性用于設(shè)置要播放的音頻文件的路徑 C.auto屬性用于設(shè)置在網(wǎng)頁(yè)加載時(shí)自動(dòng)播放音頻文件 D.loop屬性用于設(shè)置是否循環(huán)播放以下關(guān)于不規(guī)則表格定義正確的是（）。BCA.當(dāng)前格td，向右跨4列（含自己）,可寫(xiě)為:<tdcolspan=”3”>B.當(dāng)前格td，向右跨4列（含自己）,可寫(xiě)為:<tdcolspan=”4”>C.當(dāng)前格td，向下跨2行（含自己）,可寫(xiě)為:<tdrowspan=”2”>D.當(dāng)前格td，向下跨2行（含自己）,可寫(xiě)為:<tdrowspan=”1”>以下關(guān)于列表元素的描述正確的是（）。CDA.<ul>元素用于定義有序列表B.<ol>元素用于定義無(wú)序列表C.<ul>元素用于定義無(wú)序列表D.<ol>元素用于定義有序列表配伍題請(qǐng)為名詞①⑤選擇表示其含義的描述，將配對(duì)好的ae填寫(xiě)到括號(hào)中行內(nèi)元素a必須成對(duì)出現(xiàn)的開(kāi)始標(biāo)記和結(jié)束標(biāo)記的元素塊級(jí)元素b默認(rèn)獨(dú)占一行的元素行內(nèi)塊元素c元素內(nèi)容有多少，空間就只能占用多少，且多個(gè)元素只能在一行中顯示單標(biāo)記元素d只要一個(gè)開(kāi)始標(biāo)記即可實(shí)現(xiàn)功能的元素。雙標(biāo)記元素e多個(gè)元素可在一行中顯示，但是可設(shè)置元素的大小請(qǐng)?zhí)顚?xiě)：①：②：③：④：⑤：[參考答案]：c②：b③：e④：d⑤：a編程題從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫(xiě)在空白的步驟中，從而把步驟補(bǔ)充完整：定義一個(gè)表格，一共2行四列。其中，第一行第一個(gè)格，向下跨2行，且內(nèi)容頂端對(duì)齊。第二行第二個(gè)單元格位置的格，向右跨3行，且內(nèi)容居左對(duì)齊：<table> <tr> <td___①______②___></td><td></td><td></td><td></td></tr><tr> <td__③_____④__></td></tr></table>其中:①和③請(qǐng)選擇不規(guī)則表格相關(guān)的屬性 ②和④請(qǐng)選擇內(nèi)容對(duì)齊方式[答案選項(xiàng)]a．colspan=”2”b．rowspan=”2”c．colspan=”3”d．rowspan=”3”e．a(chǎn)lign=”right”f.valign=”top”g．a(chǎn)lign=”top”h.valign=”right”請(qǐng)?zhí)顚?xiě)：①：②：③：④：[參考答案]①：b②：f③：c④：e第3章HTML5表單元素判斷題表單向服務(wù)器端提交數(shù)據(jù)主要有兩種方式：get方式和set方式。（）×Select元素中的多個(gè)option元素，若希望多選一，則必須同時(shí)定義相同的name屬性。（）×默認(rèn)情況下，單擊<inputtype="radio">旁邊的文本，不會(huì)選中該單選按鈕。（）實(shí)現(xiàn)表單提交功能，需要兩部分配合才能實(shí)現(xiàn):首先需要服務(wù)器端程序接收客戶端表單提交來(lái)的數(shù)據(jù)；其次定義客戶端HTML表單收集用戶信息并提交數(shù)據(jù)到服務(wù)器端。（）<from>元素用來(lái)定義一個(gè)表單整體，其中包含多種表單元素，用于收集用戶的各種信息；（）×以get方式提交表單是以隱藏的方式將數(shù)據(jù)提交給服務(wù)器。要提交的表單數(shù)據(jù)不會(huì)出現(xiàn)在URL的結(jié)尾，而是包含在請(qǐng)求消息主體的內(nèi)部。（）×單選題定義在文本框中初始時(shí)顯示的提示信息，輸入內(nèi)容后就被替換，可設(shè)置（）屬性。CA.disabledB.readonlyC.placeholderD.value當(dāng)多個(gè)單選按鈕多選一時(shí)，應(yīng)該為組內(nèi)的多個(gè)單選按鈕定義相同的（）屬性值。BA.valueB.nameC.typeD.checked下列選項(xiàng)中，不屬于input元素的type屬性可選內(nèi)容的是（）。DA.textB.passwordC.submitD.hide設(shè)置select元素的（）屬性可實(shí)現(xiàn)多選。DA.valueB.selectedC.nameD.multiple設(shè)置iframe的（）屬性，可定義iframe要引入的另一個(gè)網(wǎng)頁(yè)的URL地址。AA.srcB.hrefC.relD.path以get方式提交表單時(shí)，查詢字符串的格式正確的是：（）CA.?uname=dingding;upwd=123456B.?uname:dingding;upwd:123456C.?uname=dingding&upwd=123456D.?uname:dingding&&upwd:123456以get方式提交表單時(shí)，最大可發(fā)送的數(shù)據(jù)大小為:（）BA.1KB.2KC.3KD.4K如果表單中包含上傳文件功能時(shí)，內(nèi)容類型必須設(shè)置為:()。Dutf-8application/x-www-form-URLencodedtext/plainmultipart/form-data多選題以下關(guān)于表單元素的描述正確的是:（）。ACmethod屬性，用于定義表單向服務(wù)器端提交數(shù)據(jù)的方式doctype屬性用于定義表單數(shù)據(jù)進(jìn)行編碼的方式enctype屬性用于定義表單數(shù)據(jù)進(jìn)行編碼的方式methods屬性，用于定義表單向服務(wù)器端提交數(shù)據(jù)的方式以下屬于表單元素的是：（）。BCDA.labelB.inputC.textareaD.select3.多個(gè)備選項(xiàng)中，可選擇多個(gè)選中項(xiàng)時(shí)，可使用哪種表單元素：（）。BD A.<inputtype=”radio”> B.<inputtype=”checkbox”> C.<inputtype=”button”>

D.<selectmultiple>配伍題請(qǐng)為元素①⑤選擇右側(cè)最合適的使用場(chǎng)景，將配對(duì)好的ae填寫(xiě)到括號(hào)中<inputtype=”checkbox”>a收集用戶輸入的文字信息<textarea>b性別二選一<inputtype=”file”>c是否同意本網(wǎng)站的條款<inputtype=”radio”>d從一百多個(gè)國(guó)家的列表中選擇多個(gè)國(guó)家<select>e選擇本地文件上傳服務(wù)器請(qǐng)?zhí)顚?xiě)：①：②：③：④：⑤：[參考答案]：c②：a③：e④：b⑤：d編程題從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫(xiě)在空白的步驟中，從而把步驟補(bǔ)充完整：在表單中定義性別，二選一。要求，回發(fā)服務(wù)器時(shí)的變量名為“sex”。且擴(kuò)大選中區(qū)域，點(diǎn)擊文字，也可選中選項(xiàng)：<form> <__①___><inputtype=”__②__”__③__=”sex”__④___=”1”>男</__①_><__①___><inputtype=”__②__”__③__=”sex”__④___=”0”>女</__①_></form>[答案選項(xiàng)]a．idb．namec．titled．valuee．radiof.checkboxg．ph.label請(qǐng)?zhí)顚?xiě)：①：②：③：④：[參考答案]①：h②：e③：b④：d第4章CSS3基礎(chǔ)知識(shí)判斷題內(nèi)部樣式表的優(yōu)先級(jí)總是高于外部樣式表。（）x外部樣式表是指定義在<head>元素中的<style>元素內(nèi)的一組CSS樣式聲明。（）×凡是定義在元素開(kāi)始標(biāo)簽之外的樣式表，都成為外部樣式表。（）×父元素所有樣式屬性，子元素都會(huì)自動(dòng)繼承。（）×默認(rèn)情況下，ID選擇器優(yōu)先級(jí)最高，元素選擇器優(yōu)先級(jí)最低。（）為適應(yīng)不同大小的顯示設(shè)備，應(yīng)盡量選擇相對(duì)單位設(shè)置尺寸，如百分比(%)。（）單位1px的顯示大小不會(huì)隨顯示器分辨率改變而改變。（）×margin:auto;可設(shè)置元素在水平和垂直兩個(gè)方向都居中。（）×外邊距合并，是指當(dāng)兩個(gè)垂直方向外邊距相遇時(shí)，將合并為一個(gè)外邊距。（）如果希望將內(nèi)邊距和邊框的范圍也納入內(nèi)容范圍中用width和height共同控制，可修改box-sizing屬性值為border-box。（）所有行內(nèi)元素都無(wú)法使用width和height屬性設(shè)置大小。（）×外邊距合并，最終的實(shí)際外邊距取決于兩個(gè)外邊距中距離較小的那個(gè)值。（）×背景圖片默認(rèn)是不平鋪的，如果希望平鋪可設(shè)置background-repeat:repeat。（）×元素多層結(jié)構(gòu)自底向上，依次是：外邊距、背景色、背景圖片、邊框和內(nèi)邊距，以及最上層的內(nèi)容。（）background-size屬性值可以是contain，表示等比縮放，但以短邊剛好縮放到與元素對(duì)應(yīng)邊等長(zhǎng)時(shí)，停止縮放。（）×所有元素都有vertical-align屬性，可設(shè)置內(nèi)容垂直方向居中。（）×單選題下列樣式聲明語(yǔ)法正確的是（）。Dcolor=purpleB.color=”purple”C.color:”purple”D.color:purple下列關(guān)于內(nèi)聯(lián)樣式的定義格式正確的是:（）。C<acolor=”red”fontSize=”12px”><astyle=”color=red;font-size=12px”><astyle=”color:red;font-size:12px”><astyle=”color:red;fontSize:12px”>下列關(guān)于內(nèi)部樣式表的內(nèi)容定義正確的是:（）。Bbody:{color:red,fontSize:12px}body{color:red;font-size:12px}body={color:red;fontSize:12px}body={color:”red”,fontSize:”12px”}網(wǎng)頁(yè)中引入外部樣式表的代碼正確的是（）。C<stylerel=”stylesheet”href=”index.css”><stylerel=”stylesheet”src=”index.css”><linkrel=”stylesheet”href=”index.css”><linkrel=”stylesheet”src=”index.css”>一下定義id選擇器正確的是:（）。A#id{}B..id{}C.@id{}D.!id{}所有p元素和div元素字體大小均為12px，以下寫(xiě)法正確的是:（）。Cp+div{font-size:12px}p~div{font-size:12px}p,div{font-size:12px}pdiv{font-size:12px}選擇ul元素下所有后代li（既包含直接子元素，又包含更深層后代元素）的選擇器是（）。Bul>liB.ulliC.ul,liD.ul~li選擇ul元素下所有直接子元素li的選擇器是（）。Aul>liB.ulliC.ul,liD.ul~li選擇class為active的a元素，下列選擇器正確的是（）。BA.a+.activeB.a.activeC.a.activeDa>.actives鼠標(biāo)懸停在a元素上時(shí)，字體變?yōu)榧t色，正確的CSS定義是（）。Ba.hover{color:red}B.a:hover{font-color:red}C.a:active{color:red}D.a:active{font-color:red}一個(gè)元素的內(nèi)聯(lián)樣式中定義color:red,內(nèi)部樣式表中定義了color:green,外部樣式表中定義了color:yellow。最終字體顏色為（）。AA．redB.greenC.yellowD.無(wú)法確定12.（）可將當(dāng)前樣式聲明的優(yōu)先級(jí)提升為最高。C A.@importantB.?importC.!importantD.@import以下單位屬于相對(duì)長(zhǎng)度單位的是（）。AA.emB.ptC.cmD.in下列關(guān)于相對(duì)長(zhǎng)度單位描述正確的是:（）。BA.em總是相對(duì)于body元素的屬性值計(jì)算倍數(shù)B.em總是相對(duì)于所在父元素的屬性值計(jì)算倍數(shù)C.rem總是相對(duì)于所在父元素的屬性值計(jì)算倍數(shù)D.rem總是相對(duì)于當(dāng)前元素上的另一個(gè)屬性值計(jì)算倍數(shù)下列表示顏色值錯(cuò)誤的是（）。DA.#fffB.#e4393cC.rgb(25,128,128)D.rgb:25128128border屬性定義正確的是（）。AA.border:1pxsolidredB.border:solid1pxredC.border:1pxredsolidD.border:red1pxsolid清除文本框的輪廓可使用（）。CA.border:0;B.border:none;C.outline:0;D.border-radius:0一個(gè)元素上、下外邊距都是10px，左、右外邊距都是20px，下列定義正確的是（）。CA.margin:10px10px20px20pxB.margin:20px10px20pxC.margin:10px20px10pxD.margin:20px20px10px10px僅設(shè)置左上角和左下角為圓角的css代碼如下正確的是:（）。B A.border-radius:5px5px00 B.border-radius:5px005px C.border-radius:05px5px0 D.border-radius:005px5px僅設(shè)置左上角為圓角的css代碼正確的是:（）。A A．border-top-left-radius:5px; B.border-left-top-radius:5px; C.border-radius-left-top:5px; D.border-radius-top-left:5px框模型規(guī)定，每個(gè)元素由內(nèi)向外由4個(gè)部分組成：（）。B A.內(nèi)容，邊框,內(nèi)邊距,間距 B.內(nèi)容,內(nèi)邊距,邊框,間距 C.內(nèi)邊距,內(nèi)容,間距,邊框 D.內(nèi)邊距,內(nèi)容,邊框,間距下列定義背景圖片屬性正確的是（）。DA.background-image:img/logo.pngB.background-image:url(“img/logo.png”)C.background-image:“img/logo.png”D.background-image:url(img/logo.png)設(shè)置背景圖片相對(duì)于所在元素向上移動(dòng)10px，向左移動(dòng)20px，以下設(shè)置正確的是（）。BA.background-position:20px10pxB.background-position:-20px-10pxC.background-position:-10px-20pxD.background-position:10px20px以下設(shè)置字體加粗屬性正確的是（）。Bfont-size:boldB.font-weight:boldC.font-style:boldD.font-family:bold以下設(shè)置字體為斜體正確的是（）Afont-style:italicB.font-family:italicC.text-decoration:italicD.text-indent:italic普通元素設(shè)置文本垂直居中的屬性正確的是（）。Ctext-valign:centerB.text-align:centerC.line-height:元素高D.line-height:元素高的一半多選題一個(gè)元素可同時(shí)被多個(gè)樣式類修飾，以下寫(xiě)法正確的是:（）。BD<aclass=”.btn”class=”.btn-danger”><aclass=”btn”class=”btn-danger”><aclass=”btn,btn-danger”><aclass=”btnbtn-danger”>以下關(guān)于選擇器的權(quán)重描述正確的是:（）。AC類選擇器的權(quán)重等于偽類選擇器的權(quán)重元素選擇器的權(quán)重大于偽類選擇器的權(quán)重偽類選擇器的權(quán)重小于ID選擇器的權(quán)重偽類選擇器的權(quán)重小于其它所有選擇器的權(quán)重3.一個(gè)元素上下內(nèi)邊距都是20px，左右內(nèi)邊距都是10px，下列定義正確的是：（）。ACA.padding:20px10px20px10pxB.padding:10px20px10pxC.padding:20px10px20pxD.padding:10px10px20px20px4.以下關(guān)于內(nèi)容溢出說(shuō)法正確的是:（）。BC A.如果內(nèi)容是文字，默認(rèn)就是橫向溢出 B.如果內(nèi)容是文字，默認(rèn)就是縱向溢出 C．如果內(nèi)容是圖片，則默認(rèn)縱向和橫向都會(huì)溢出 D．如果內(nèi)容是圖片，則默認(rèn)不會(huì)溢出5.以下可以隱藏內(nèi)容溢出部分的overflow屬性的值是：（）。ACD A.hiddenB.visibleC.scrollD.auto6僅顯示元素的左邊框，以下css屬性正確的是:（）。BD A.border-left-style:2px B.border-left-style:solid C.border-left:2px D.border-left:solid7.上外邊距溢出，有以下幾種預(yù)防方法：（）。ABCD A.為父元素增加上邊框 B.為父元素設(shè)置上內(nèi)邊距； C.在父元素的第一個(gè)子元素位置處，增加空<table></table>標(biāo)記。 D.設(shè)置父元素的overflow:hidden配伍題請(qǐng)為選擇器①⑤選擇右側(cè)最合適的解釋，將配對(duì)好的ae填寫(xiě)到括號(hào)中。ul>li.activeaul元素下的所有后代li的直接子元素中class為active的元素ulli.activebul元素下的直接子元素中class為active的liulli>.activecul元素下的所有后代元素中class為active的liulli.activedul元素下的直接子元素li以及其他任意class為active的元素ul>li,.activeeul元素下的所有后代li的所有后代中class為active的元素請(qǐng)?zhí)顚?xiě)：①：②：③：④：⑤：[參考答案]：b②：c③：a④：e⑤：d編程題從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫(xiě)在空白的步驟中，從而把步驟補(bǔ)充完整：如下圖所示需求設(shè)計(jì)圖：外層一個(gè)section元素，包裹著內(nèi)層四個(gè)span元素。請(qǐng)?jiān)谙铝蠧SS中補(bǔ)充選擇器和css屬性：<style>section{___①__}sectionspan{___②____;___③___;}section__④__{width:223px;}</style>[答案選項(xiàng)]a．box-sizing:box;padding:10px0;b．padding:10px0;c．width:1000px;margin:0auto;padding:015px;margin-top:35px;d．box-sizing:border-box;e．width:1000px;margin:auto;padding:15px;margin:35px;f.padding:010px;g．span>imgi.span,img請(qǐng)?zhí)顚?xiě)：①：②：③：④：[參考答案]①：c②：d③：f④：g第5章CSS3高級(jí)特性判斷題塊級(jí)元素默認(rèn)都是從上到下排列的，且每個(gè)塊元素獨(dú)占一行。（）行內(nèi)塊元素默認(rèn)都是從上到下排列的，且每個(gè)行內(nèi)塊元素獨(dú)占一行。（）×行內(nèi)元素默認(rèn)按照從左往右的方式排列，而行內(nèi)塊（inline-block）默認(rèn)從上到下排列。（）×因?yàn)槊總€(gè)元素都擁有自己的空間，所以一個(gè)元素不可能蓋住另一個(gè)元素。（）×即使行內(nèi)元素浮動(dòng)后，也允許修改width和height屬性。（）元素一旦設(shè)置浮動(dòng)定位屬性，就脫離普通文檔流定位方式，不占用普通文檔流中的頁(yè)面空間。（）如果包含框太窄，無(wú)法容納水平排列的3個(gè)浮動(dòng)元素，那么最后放不下的塊會(huì)被擠壓到下一行，并始終浮動(dòng)到下一行的開(kāi)頭。（）x元素一旦浮動(dòng)后，都會(huì)變?yōu)樾袃?nèi)塊級(jí)元素，也允許修改大小尺寸。（）×如內(nèi)部浮動(dòng)元素，高于外部容器元素，則內(nèi)部浮動(dòng)元素超出外部元素范圍的部分自動(dòng)隱藏。（）×用opacity設(shè)置透明度，僅影響所在元素，不影響子元素。（）×dispaly:none不會(huì)讓元素脫離文檔流，雖然看不見(jiàn)，但依然占用空間。（）×visibility:hidden不讓元素脫離文檔流，雖然看不見(jiàn)，但依然占用空間。（）rgba只作用于某個(gè)屬性，如背景顏色等。()pointer屬性可設(shè)置鼠標(biāo)的光標(biāo)。當(dāng)鼠標(biāo)懸停在元素上時(shí)，可改變鼠標(biāo)光標(biāo)的顯示樣式。()×修改列表項(xiàng)標(biāo)識(shí)為圖片，可使用:list-image:url(圖片路徑)屬性（）×list-style:none和list-style-type:none均可清除列表項(xiàng)標(biāo)識(shí)。（）relative（相對(duì)定位）可讓元素脫離默認(rèn)文檔流，相對(duì)于其所在父元素左上角自由定位。（）×相對(duì)定位是讓元素相對(duì)于它在默認(rèn)文檔流中的原始位置偏移一段距離，經(jīng)常用于對(duì)元素位置做微調(diào)時(shí)使用。（）絕對(duì)定位的元素默認(rèn)總是相對(duì)于其所在直接父級(jí)元素左上角定位。（）×相對(duì)定位的元素，雖然位置偏離了原位置，但默認(rèn)文檔流中的原位置不釋放。（）修改父元素的z-index屬性值>子元素的z-index屬性值可讓父元素蓋住子元素。（）×未使用定位屬性的元素不能使用z-index元素。（）:first-child元素只能匹配一個(gè)元素。（）×input+span只能匹配一個(gè)元素。（）×:target用于匹配當(dāng)前點(diǎn)擊的a元素。（）×div:not([title=test])也會(huì)匹配那些不包含title屬性的div元素。（）元素可設(shè)置的屬性，偽元素也可設(shè)置。元素具有的特征，偽元素也同樣具備。（）使用彈性布局，要先使父容器變?yōu)閒lex容器——display:flex或display:inline-flex。（）默認(rèn)情況下，如果主軸放不下所有項(xiàng)目時(shí)，項(xiàng)目會(huì)超出容器橫向溢出。（）×彈性布局中，項(xiàng)目的flex-order屬性用于定義項(xiàng)目的排列順序。（）×order屬性，用于定義項(xiàng)目的排列順序。其值為整數(shù)數(shù)字，無(wú)須單位。（）單選題先后順序定義三個(gè)div:div1,div2,div3。div2向左浮動(dòng)，div1和div3向右浮動(dòng)，結(jié)果從左向右三個(gè)div的順序依次是（）。CA.d1d2d3B.d2d1d3C.d2d3d1D.d1d3d2CSS提供了（）屬性用于設(shè)置元素浮動(dòng)定位：BA.overflowB.floatC.floorD.fixed以下不屬于float屬性值的是：（）.DA.leftB.rightC.noneD.center清除前面元素浮動(dòng)對(duì)當(dāng)前元素的影響，可設(shè)置（）屬性。BA.display:clearB.clear:bothC.float:bothD.both:clear下列選項(xiàng)中，可讓圖片左右文字與圖片垂直居中對(duì)齊的css屬性是（）。BA.text-align:centerB.vertical-align:middleC.text-valign:centerD.vertical-align:baseline下列設(shè)置鼠標(biāo)懸停時(shí)光標(biāo)變?yōu)槭种傅膶傩允牵ǎ?。DA.cursor:moveB.cursor:waitC.cursor:textD.cursor:pointer如果包含框太窄，無(wú)法容納水平排列的3個(gè)浮動(dòng)元素，那么最后放不下的塊會(huì)：（）.AA.被擠壓到下一行B.默認(rèn)隱藏C.橫向溢出D.始終換行到下一行的開(kāi)頭元素一旦浮動(dòng)后，都會(huì)變?yōu)椋海ǎ?BA.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.浮動(dòng)元素一下不屬于clear屬性值的是:（）.DA.leftB.rightC.bothD.none下列選項(xiàng)中，可讓元素獨(dú)占一行的屬性為（）。DA.display:noneB.display:inline-blockC.display:inlineD.display:block下列關(guān)于vertical-align屬性描述正確的是:（）。BA.可設(shè)置表格元素的內(nèi)容在水平方向上的對(duì)齊方式B.可設(shè)置img元素左右兩側(cè)的文本在垂直方向的對(duì)齊方式C.可設(shè)置img元素在其父元素內(nèi)水平方向的對(duì)齊方式D.可設(shè)置div元素的內(nèi)容在垂直方向的對(duì)齊方式以下不能實(shí)現(xiàn)隱藏元素的是:（）。Aoverflow:hiddenB.opacity:0C.display:noneD.visibility:hidden下列清除列表項(xiàng)標(biāo)志的屬性設(shè)置正確的是（）。Blist-type:noneB.list-style-type:noneC.list-type-style:noneD.list:none以下不屬于list-style-type屬性值的是:（）。DnoneB.circleC.discD.sqrt將列表項(xiàng)標(biāo)識(shí)改為圖片的屬性是:（）。Clist-style-typeB.list-imageC.list-style-imageD.list-type希望能自由修改元素的位置，但又不希望默認(rèn)文檔流中原始位置被釋放，應(yīng)選擇（）。Bposition:absoluteB.position:relativeC.position:fixedD.position:static以下關(guān)于元素定位描述錯(cuò)誤的是：（）。DA.絕對(duì)定位的元素相對(duì)于離它最近的已定位的祖先元素實(shí)現(xiàn)定位。B.如果當(dāng)前元素的各級(jí)父元素中沒(méi)有已定位的祖先元素，那么元素就相對(duì)于body定位。C.通常在設(shè)置絕對(duì)定位前，都要先找到要參照的祖先元素，并為祖先元素添加position屬性。D.祖先元素的position屬性只能設(shè)置為relative下列關(guān)于位移屬性描述正確的是:（）。Aleft:-20px是讓元素基于當(dāng)前位置向左移動(dòng)20pxleft:20px是讓元素基于當(dāng)前位置向左移動(dòng)20pxleft:-20px是讓元素基于瀏覽器邊框，向左移動(dòng)20pxleft:20px是讓元素基于瀏覽器邊框，向左移動(dòng)20px三個(gè)相鄰元素:<b></b><span></span><i></i>，希望選中<b>元素后的<i>元素，下列選擇器正確的是（）。Cb,i{}B.b+i{}C.b~i{}D.b>i{}選擇包含title屬性且title屬性值中包含“es”的div元素，下列選擇器正確的是（）。Bdiv[title=es]B.div[title*=es]C.div[title^=es]D.div[title$=es]選擇title屬性不等于”test”的div元素，下列選擇器正確的是:（）。Adiv:not([title=test])B.div[title!=test]C.div[title*=test]D.div[title$=test]希望單擊一個(gè)a元素，控制另一個(gè)元素的樣式變化，可使用以下哪種選擇器:（）。B:hoverB.:targetC.:activeD.:link以下描述錯(cuò)誤的是:（）。D::before，用于匹配某元素內(nèi)容區(qū)域之前的位置:after，用于匹配某元素內(nèi)容區(qū)域結(jié)尾的位置C.after，用于匹配某元素內(nèi)容區(qū)域結(jié)尾的位置D.:before，用于匹配某元素與前一個(gè)元素之間的空白區(qū)域下列在p元素開(kāi)頭添加“>>”符號(hào)的代碼正確的是:（）。DA．p::before{container:“>>”}B.p::before{container:>>}C.p::before{content:>>}D.p::before{content:“>>”}防止外邊距溢出最好的方法是:（）。AA.父元素::before{content:””;display:table;}B.父元素::before{content:””;display:”table”}C.父元素::before{container:””;display:table}D.父元素::before{container:””;display:”table”}下列對(duì)于flex-direction屬性值描述正確的是:（）。B A．值為row表示主軸x軸，起點(diǎn)在容器中心點(diǎn) B.值為row-reverse表示主軸x軸，起點(diǎn)在右端 C.值為column表示主軸y軸，起點(diǎn)在底端 D.值為column表示主軸x軸，起點(diǎn)在最左端如果主軸放不下所有項(xiàng)目時(shí)，可設(shè)置flex-wrap屬性值為（）來(lái)實(shí)現(xiàn)換行顯示，但不改變主軸方向。D A.nowrapB.wrap-reverseC.reverseD.wrap下列代碼可以定義flex容器x為主軸，從左向右排列，且如果放不下就換行繼續(xù)從左向右排列的是:（）。C A．flex:rowwrapB.flex:wraprow C.flex-flow:rowwrapD.flex-flow:wraprow設(shè)置項(xiàng)目在主軸上的對(duì)齊方式，可設(shè)置以下哪個(gè)屬性:（）。B A.flex-directionB.justify-contentC.flex-flowD.flex-wrap實(shí)現(xiàn)每個(gè)項(xiàng)目?jī)啥碎g距相同可設(shè)置以下哪個(gè)屬性:（）。A A．justify-content:space-around B.flex-wrap:wrap C.flex-direction:space-aroundD.justify-content:column下列不屬于align-self屬性值的是:（）。C A.flex-startB.flex-endC.flex-centerD.baseline文檔類型聲明:<!DOCTYPEhtml>說(shuō)明當(dāng)前網(wǎng)頁(yè)使用的是（）標(biāo)準(zhǔn)。DA．HTML4.1B.XHTML1.0C.XHTML2.0D.HTML5多選題1.以下描述正確的是:（）。AB A.設(shè)置浮動(dòng)定位屬性的元素會(huì)脫離普通文檔流，不占用普通文檔流中的頁(yè)面空間。B.文檔的普通流中的其他塊，會(huì)上移填補(bǔ)浮動(dòng)元素留下的空白位置。 C.元素浮動(dòng)定位是相對(duì)于元素在普通文檔流中的原位置設(shè)置位移的偏移量。 D.浮動(dòng)定位的元素在原文檔流中的位置始終占用，不釋放。2.以下關(guān)于clear屬性描述正確的是：（）。BD A.該屬性值可以是:left，用于清除當(dāng)前元素前面元素的任意浮動(dòng)帶來(lái)的影響；B．該屬性值可以是:left，用于清除當(dāng)前元素前面元素的左浮動(dòng)帶來(lái)的影響； C．該屬性值可以是:right，用于清除當(dāng)前元素后面的元素任意浮動(dòng)帶來(lái)的影響；D．該屬性值可以是:right，用于清除當(dāng)前元素前面的元素右浮動(dòng)帶來(lái)的影響；3.清除浮動(dòng)對(duì)父元素影響的方案有：（）。ACDA.給父元素設(shè)置固定的高度； B.設(shè)置父元素的float屬性為hidden或auto；C.設(shè)置父元素也浮動(dòng)；D.在父元素內(nèi)的結(jié)尾追加一個(gè)空子元素（塊級(jí)元素），并設(shè)置空子元素清除浮動(dòng)影響（clear:both）。4.默認(rèn)可在一行中水平排列的元素有:（）。AC A.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.標(biāo)題元素5.下列對(duì)于opacity屬性描述正確的是:（）。BCD A.值是1~100之間的任意一個(gè)整數(shù) B.數(shù)值越大，越不透明；數(shù)值越小，越透明。 C.opacity可用于將整個(gè)元素的所有屬性及其子內(nèi)容全部設(shè)置透明度。 D.值是0~1之間的任意一個(gè)小數(shù)6.下列可使用vertical-align屬性設(shè)置垂直方向?qū)R方式的有:（）。AD A.tableB.divC.pD.img7.下列關(guān)于固定定位描述正確的是:（）。ADA．固定定位的元素，以文檔顯示區(qū)左上角作為參照 B．固定定位的元素，以body左上角作為參照固定定位的元素位置在網(wǎng)頁(yè)滾動(dòng)時(shí)，跟隨滾動(dòng)，始終保持與body左上角的相對(duì)位置不變。固定定位的元素位置不會(huì)隨著滾動(dòng)條的滾動(dòng)而發(fā)生改變。8.下列關(guān)于位移屬性描述正確的是:（）。ABCtop:-20px是讓元素基于當(dāng)前位置向上移動(dòng)20pxtop:20px是讓元素基于當(dāng)前位置向下移動(dòng)20pxbottom:-20px是讓元素基于當(dāng)前位置向下移動(dòng)20pxD．bottom:20px是讓元素基于當(dāng)前位置向下移動(dòng)20px9.下列關(guān)于z-index屬性描述正確的是:（）。BD A．z-index屬性用于設(shè)置上下兩層元素之間的距離，值為數(shù)字，且必須加上長(zhǎng)度范圍 B.z-index屬性用于改變?cè)氐亩询B順序，其值為一個(gè)數(shù)字，無(wú)須加單位。

C.數(shù)字越小，越靠上層。 D.數(shù)字越大，越靠上層。10.已知連續(xù)四個(gè)<li>元素，下列選擇器中可選擇后三個(gè)li的是：（）。BC A．li>liB.li+liC.li~liD.lili11．以下選擇器中可匹配table中tbody下的偶數(shù)行的有:（）。AD 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)12.匹配元素內(nèi)容中的首字母，可使用以下哪些選擇器:（）。BC A.::first-lineB.::first-letterC.:first-letterD.:first-line13.下列可以清除浮動(dòng)對(duì)父元素帶來(lái)的影響的代碼是:（）。CD A.父元素::before{content:””;display:”table”} B.父元素{clear:both}C.父元素{overflow:hidden}D.父元素:after{display:block;content:””;clear:both;}14.下列關(guān)于彈性布局中項(xiàng)目的屬性，描述正確的是:（）。BC 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ú)定義某一個(gè)項(xiàng)目在主軸上的對(duì)齊方式。15.關(guān)于align-items屬性的值，下列描述正確的是:（）。CD A.flex-start表示讓項(xiàng)目以主軸的起點(diǎn)方向?qū)R； B.flex-end表示讓項(xiàng)目以主軸的終點(diǎn)方向?qū)R； C．baseline表示讓項(xiàng)目以交叉軸的基線對(duì)齊； D.stretch表示如果項(xiàng)目未設(shè)置尺寸就讓項(xiàng)目在交叉軸上占滿所有空間。配伍題請(qǐng)為定位方式①⑤選擇右側(cè)最合適的解釋，將配對(duì)好的ae填寫(xiě)到括號(hào)中。position:absoluea希望讓塊元素也能在一行中左右排列position:relativeb將元素固定在文檔顯示區(qū)中的某個(gè)位置。position:fixedc讓元素相對(duì)于它在默認(rèn)文檔流中的原始位置偏移一段距離，經(jīng)常用于對(duì)元素位置做微調(diào)時(shí)使用。float:leftd定義父元素中子元素的布局方式。flexe通過(guò)相對(duì)于離它最近的已定位（同樣設(shè)置了position屬性）的祖先元素實(shí)現(xiàn)定位。請(qǐng)?zhí)顚?xiě)：①：②：③：④：⑤：[參考答案]：e②：c③：b④：e⑤：d編程題從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫(xiě)在空白的步驟中，從而把步驟補(bǔ)充完整：定義登錄對(duì)話框，使其顯示在文檔顯示區(qū)中心，且不隨頁(yè)面滾動(dòng)而滾動(dòng)。已知登錄對(duì)話框?qū)?10px，高380px。請(qǐng)?jiān)谙铝蠧SS中補(bǔ)充選擇器和css屬性：<style>#loginform{width:310px;height:380px;____①________②____margin-top:____③___;margin-left:____④____;}</style>[答案選項(xiàng)]a．-190pxb．top:50%;left:50%;c．position:absolute;d．-155pxe．position:fixed;f.top:190px;left:155px;g.190px; h.155px;請(qǐng)?zhí)顚?xiě)：①：②：③：④：[參考答案]①：e②：b③：a④：d第6章CSS3漸變、過(guò)渡與動(dòng)畫(huà)判斷題設(shè)置元素的background-image屬性，取值為一個(gè)linear-gradient()命令，可實(shí)現(xiàn)線性漸變。（）設(shè)置元素的linear-gradient屬性，可實(shí)現(xiàn)線性漸變。（）×設(shè)置元素的background-image屬性，取值為一個(gè)radial-gradient()命令，可實(shí)現(xiàn)徑向漸變。（）設(shè)置元素的radial-gradient屬性，可實(shí)現(xiàn)徑向漸變。（）×設(shè)置元素的background-image屬性，取值為一個(gè)repeating-linear-gradient()命令，可實(shí)現(xiàn)重復(fù)漸變。（）設(shè)置元素的repeating-linear-gradient屬性，可實(shí)現(xiàn)重復(fù)漸變。（）×2D旋轉(zhuǎn)時(shí)，默認(rèn)的轉(zhuǎn)換原點(diǎn)為元素左上角(0,0)位置。（）?！赁D(zhuǎn)換原點(diǎn)是指在轉(zhuǎn)換過(guò)程中，距離旋轉(zhuǎn)圓心最遠(yuǎn)的一點(diǎn)。（）?！烈暰嘣叫。?D轉(zhuǎn)換的幅度越明顯；視距越大，3D轉(zhuǎn)換的幅度越不明顯。（）。修改要執(zhí)行3D變換的元素本身的perspective屬性，可調(diào)整視距。（）?！炼x元素的transform屬性時(shí)執(zhí)行translate()函數(shù)，可讓元素發(fā)生位移。（）定義元素的transform屬性時(shí)執(zhí)行scale()函數(shù)，可讓元素發(fā)生縮放。（）定義元素的scale屬性，可讓元素發(fā)生縮放。（）×scale(value)中，縮放比例value的默認(rèn)值為0，表示不縮放。若value>0，表示放大；若value<0，表示縮小。（）×定義元素的transform屬性時(shí)執(zhí)行rotate()函數(shù)，可讓元素發(fā)生旋轉(zhuǎn)。（）定義元素的rotate屬性，可讓元素發(fā)生旋轉(zhuǎn)。（）×rotate(ndeg)中，若n為正，順時(shí)針旋轉(zhuǎn)；若n為負(fù)，逆時(shí)針旋轉(zhuǎn)。（）設(shè)置過(guò)渡速度變化曲線為:easy-in，表示慢速開(kāi)始，加速結(jié)束。（）×設(shè)置過(guò)渡速度變化曲線為:ease-out,表示慢速開(kāi)始，加速結(jié)束。（）×過(guò)渡速度變化曲線的默認(rèn)值為:ease，表示從慢速開(kāi)始，快速變快，最后慢速結(jié)束。（）@keyframes定義的動(dòng)畫(huà)會(huì)在頁(yè)面加載時(shí)，自動(dòng)執(zhí)行，無(wú)需調(diào)用。（）×單選題以下關(guān)鍵字組合中，等效于設(shè)置線性漸變角度為45°的是（）。BA.totopleftB.totoprightC.toleftD.toright以下關(guān)于線性漸變描述正確的是:（）。CA.線性漸變就是延水平方向填充漸變色B.線性漸變就是延垂直方向填充漸變色C.線性漸變就是以直線的方向來(lái)填充漸變色D.線性漸變就是以圓心為中心，延半徑向外漸變?cè)O(shè)置按鈕背景色自上向下漸變，從頂部白色漸變到底部銀色，下列寫(xiě)法正確的是（）。AA.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%);添加-webkit-前綴不可解決（）瀏覽器的css屬性兼容性問(wèn)題。DA.新版operaB.ChromeC.SafariD.Firefox解決Firefox瀏覽器的css屬性兼容性問(wèn)題，可添加（）前綴。BA.-webkit-B.-moz-C.-o-D.-ms-寬100px的div元素，修改轉(zhuǎn)換原點(diǎn)為右上角，下列屬性設(shè)置正確的是（）。AA.transform-origin:100%0B.transform-origin:0100%;C.transform-origin:0100pxD.transform-origin:lefttop;默認(rèn)的轉(zhuǎn)換原點(diǎn)是：（）。DA.元素的左上角B.元素的右上角C.元素的頂部中心點(diǎn)D.元素圖形的中心點(diǎn)下列屬性中，不能將元素右移100px的設(shè)置是（）。BA.transform:translateX(100px)B.translateX:100pxC.transform:translate(100px)D.margin-left:100px下列屬性中，可將元素順時(shí)針旋轉(zhuǎn)45°的是（）。CA.transform:rotate(45)B.transform:rotate(-45)C.transform:rotate(-315deg)D.transform:rotate(-45deg)設(shè)置元素的transform屬性和box-shadow屬性，在2s內(nèi)過(guò)渡變化，正確的是（）。Atransition-property:transformbox-shadow;transition-duration:2s;transition-property:transform,box-shadow;transition-duration:2s;transition-property:transform2sbox-shadow2s;transition-property:transformbox-shadow2s;希望修改某個(gè)CSS屬性值時(shí)平緩變化，可使用CSS的（）屬性。Dtransform-propertyB.translate-propertyC.transform-floatD.transition-property可使用（）屬性設(shè)置過(guò)渡變化的時(shí)間。BtransitionB.transition-durationC.durationD.transform-duration下列選項(xiàng)中，設(shè)置元素所有屬性在2s內(nèi)勻速過(guò)渡變化正確的是（）。Ctransition:2slinearallB.transition:linear2sallC.transition:all2slinearD.transition:alllinear2s定義復(fù)雜動(dòng)畫(huà)，實(shí)現(xiàn)一個(gè)div順時(shí)針旋轉(zhuǎn)一周，正確的是（）。B@keyframemyRotate{0%{transform:rotate(0deg)},100%{transform:rotate(360deg)}}@keyframesmyRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframesmyRotate(0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}) @keyframemyRotate(0%{transform:rotate(0deg)},100%{transform:rotate(360deg)})下列調(diào)用動(dòng)畫(huà)執(zhí)行的語(yǔ)句正確的是（）。Danimation:linearball5sinfinitealternate;animation:balllinearinfinitealternate;animation:linear5slinearinfinitealternate;D.animation:ball5slinearinfinite;可設(shè)置動(dòng)畫(huà)暫停的css屬性為:（）。AA.animation-play-stateB.animat-play-stateC.animat-playD.animation-state多選題1.下列屬于漸變分類的是:（）。ABC A.線性漸變B.徑向漸變C.重復(fù)漸變D.水平漸變2.以下設(shè)置漸變角度的語(yǔ)法正確的是:（）。AD A.totopB.topC.60°D.60deg3.下列哪些值可作為轉(zhuǎn)換原點(diǎn)位置的值：（）。BD A.0pxB.0C.60degD.left4.下列可以設(shè)置元素在x軸上發(fā)生位移的函數(shù)是:（）。AC A.translate(x)B.transform(x)C.translateX(x)D.transformX(x)5.下列可分別設(shè)置元素在x軸和y軸兩個(gè)方向上的縮放比例的是：（）。BC A.scale(value)B.scale(x,y)C.scaleX(x)和scaleY(y)D.scale必須等比例縮放6.下列關(guān)于視距描述正確的是:（）。AD A.視距越遠(yuǎn)，元素在顯示器投影平面上的像越小。 B.視距越遠(yuǎn)，元素在顯示器投影平面上的像越大 C.如果希望三維轉(zhuǎn)換越明顯，應(yīng)增大視距 D.如果希望三維轉(zhuǎn)換越明顯，應(yīng)縮小視距7.以下屬性值中可用于設(shè)置過(guò)渡速度變化曲線的值有:（）。AB A.linearB.ease-inC.eary-inD.easy-out配伍題請(qǐng)為下列屬性①⑤選擇右側(cè)最合適的解釋，將配對(duì)好的ae填寫(xiě)到括號(hào)中transform-origina模擬人的眼睛到3D轉(zhuǎn)換元素之間的距離translateb用于修改轉(zhuǎn)換原點(diǎn)的位置transformc可讓元素發(fā)生位移perspectived定義父元素中子元素的布局方式。transitione修改CSS屬性值時(shí)平緩變化請(qǐng)?zhí)顚?xiě)：①：②：③：④：⑤：[參考答案]：b②：c③：e④：a⑤：e編程題1.從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫(xiě)在空白的步驟中，從而把步驟補(bǔ)充完整在網(wǎng)頁(yè)中定義一個(gè)名為ball的幀動(dòng)畫(huà)，并在某個(gè)元素的樣式中啟動(dòng)動(dòng)畫(huà)播放代碼如下：<html><head><style>_____①______{ 0%{/*動(dòng)畫(huà)第一幀的樣式CSS屬性*/} …… 100%{/*動(dòng)畫(huà)結(jié)束時(shí)的樣式CSS屬性*/}}#ball{…;/*其他css屬性*//*以下啟動(dòng)動(dòng)畫(huà):*/___②___:___③_____④____速度變化曲線延遲時(shí)間反復(fù)執(zhí)行次數(shù)執(zhí)行方向;}

</style></head><body><divid=”ball”></div></body>

</html>[答案選項(xiàng)]a．a(chǎn)nimationb．a(chǎn)nimatec．@keyframeballd．@keyframesballe．5sf．ball請(qǐng)?zhí)顚?xiě)：①：②：③：④：[參考答案]①：d②：a③：f④：e第7章LESS判斷題靜態(tài)樣式語(yǔ)言中雖然有變量，但是無(wú)法記性算術(shù)運(yùn)算。（）×編譯是指將瀏覽器不認(rèn)識(shí)的Less語(yǔ)言代碼轉(zhuǎn)換為CSS語(yǔ)言代碼的過(guò)程。（）Less既支持多行注釋，又支持單行注釋，所有注釋都會(huì)被編譯到CSS中。（）×@import在引入多個(gè)less文件時(shí)，會(huì)增加請(qǐng)求次數(shù)。（）×用@import引入另一個(gè).less文件，執(zhí)行過(guò)程同CSS中用@import引入另一個(gè)css文件原理完全相同。（）×CSS中用@import引入另一個(gè)css文件，會(huì)增加請(qǐng)求次數(shù)。（）單選題下列引入并在客戶端編譯less的代碼正確的是（）。BA.<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">下列在less中定義變量的語(yǔ)法正確的是（）。CA.red:#e4393c;B.@red=#e4393c;C.@red:#e4393c;D.red=#e4393c;下列使用變量正確的是（）。AA.background-color:@red;B.background-color=red;C.background-color=@red;D.background-color:red;公共類型.m-p-0，可幫元素設(shè)置margin和padding屬性，但暫時(shí)不知道m(xù)argin和padding的值，下列代碼正確的是（）。DA..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}下列混入時(shí)傳入?yún)?shù)的代碼正確的是（）。CA.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);……}在一個(gè)less文件中，引入另一個(gè)less文件，下列正確的是（）。AA.@import"variables.less"B.@importurl("variables.less")C.!import"variables.less"D.import"variables.less"多選題1.以下屬于動(dòng)態(tài)樣式語(yǔ)言具備而靜態(tài)樣式語(yǔ)言不具備的特征有:（）。AD A.變量B.否定偽類C.選擇器D.運(yùn)算2.不需要?jiǎng)討B(tài)樣式語(yǔ)言，靜態(tài)樣式語(yǔ)言已經(jīng)具備的特征有:（）。ABD A.選擇器分組B.否定偽類C.運(yùn)算D.屬性選擇器3.下列對(duì)于less提供的內(nèi)置函數(shù)描述正確的是:（）。ABD A.ceil(值)——取整 B.lighten(顏色值,百分百)——把指定顏色變亮； C.image-width(寬度)——設(shè)置指定圖片寬度 D.image-height(圖片路徑)——返回指定圖片高度。編程題1.從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫(xiě)在空白的步驟中，從而把步驟補(bǔ)充完整定義var.less文件，其中聲明兩個(gè)變量保存字體大小和顏色值再定義index.less文件，其中引入var.less中基礎(chǔ)變量，并使用基礎(chǔ)變量代碼如下：/*var.less文件中:*/_①__:#e4393c;_②__:12px;/*index.less文件中*/_③__;h1{background-color:_①__;//使用變量color:#fff;font-size:_④__//將字體在標(biāo)準(zhǔn)字體基礎(chǔ)上放大一倍}[答案選項(xiàng)]a.varredb．@redc．!important“var.less”d．@fontSizee．$fontSizef．@import“var.less”g.@fontSize*2j.font-size*2請(qǐng)?zhí)顚?xiě)：①：②：③：④：[參考答案]①：b②：d③：f④：g第8章Bootstrap響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)判斷題響應(yīng)式網(wǎng)頁(yè)是指，一個(gè)網(wǎng)頁(yè)會(huì)根據(jù)用戶瀏覽器設(shè)備不同而自動(dòng)改變布局。（）響應(yīng)式網(wǎng)頁(yè)是指，一個(gè)網(wǎng)頁(yè)中包含可與用戶交互的功能的網(wǎng)頁(yè)。（）×在任何情況下，視口大小總是等于設(shè)備寬。（）×視口的尺寸可以隨意指定，且視口與顯示設(shè)備的物理分辨率無(wú)關(guān)。（）視口在手機(jī)端和在PC端都默認(rèn)始終通過(guò)縮小網(wǎng)頁(yè)方式，全部顯示網(wǎng)頁(yè)內(nèi)容。（）×物理設(shè)備寬比視口寬更能精準(zhǔn)確定一個(gè)設(shè)備的種類。（）媒體查詢，就是查詢出當(dāng)前瀏覽器的名稱和版本號(hào)。（）×媒體查詢，即可使用瀏覽器的視口大小作為判斷條件，又可使用物理設(shè)備的窗口大小作為判斷條件。（）單選題響應(yīng)式網(wǎng)頁(yè)劃分顯示設(shè)備的分類，依據(jù)的是:（）。B A.物理設(shè)備的大小B.物理設(shè)備的顯示分辨率大小 C.網(wǎng)頁(yè)body的大小D.瀏覽器窗口大小要求當(dāng)前網(wǎng)頁(yè)加載時(shí)，視口大小等于設(shè)備寬，且初始時(shí)不縮放，下列代碼正確的是（）。DA.<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">根據(jù)媒體查詢執(zhí)行不同CSS文件，要求只有視口寬大于768px時(shí)，才執(zhí)行print.css文件，下列代碼正確的是（）。DA.<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"/>普通規(guī)則下，如果設(shè)備寬為767px，可認(rèn)為其為（）設(shè)備。DA．超大屏B.PCC.PADD.手機(jī)PC設(shè)備顯示器下，讓class為box的元素背景為紅色，下列代碼正確的是（）。BA.@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;}}下列關(guān)于媒體查詢說(shuō)法正確的是：（）。AA.min-width：768pxandmax-width:991px，表示瀏覽器視口寬≥768px而且≤991px，說(shuō)明是平板電腦顯示屏大小范圍；B.min-width：768px&&max-width:991px，表示瀏覽器視口寬≥768px而且≤991px，說(shuō)明是平板電腦顯示屏大小范圍；C.min-width：768px&max

溫馨提示

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

評(píng)論

0/150

提交評(píng)論