國家開放大學(xué)2023-2024學(xué)年《Web開發(fā)基礎(chǔ)》試卷及答案解析（2024年）_第1頁
國家開放大學(xué)2023-2024學(xué)年《Web開發(fā)基礎(chǔ)》試卷及答案解析（2024年）_第2頁
國家開放大學(xué)2023-2024學(xué)年《Web開發(fā)基礎(chǔ)》試卷及答案解析（2024年）_第3頁
國家開放大學(xué)2023-2024學(xué)年《Web開發(fā)基礎(chǔ)》試卷及答案解析（2024年）_第4頁
國家開放大學(xué)2023-2024學(xué)年《Web開發(fā)基礎(chǔ)》試卷及答案解析（2024年）_第5頁
已閱讀5頁，還剩61頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第1頁共34頁1.Web(WorldWideWeb)即全球廣域網(wǎng)，也稱為萬維網(wǎng)。(√)2.Web服務(wù)器主要功能包括：存儲(chǔ)網(wǎng)站資源文件，代用戶發(fā)送請(qǐng)求，提供基本的安全功能。(×)4.FTP協(xié)議規(guī)定了Web服務(wù)器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)。(×)5.Web中采用HTML(HyperTextMarkupLanguage,超文本標(biāo)記語言)通信協(xié)議。(×)A.AppB.WindowsC.WWWD.W3C2.萬維網(wǎng)聯(lián)盟(WorldWideWebConsortium),簡稱(C),專門負(fù)責(zé)制定Web應(yīng)用的標(biāo)準(zhǔn)。3.Web分為(A)和Web服務(wù)器程序。A.Web客戶端B.HTMLC.數(shù)據(jù)庫D.瀏覽器A.數(shù)據(jù)庫B.HTMLC.網(wǎng)頁D.通信協(xié)議A.數(shù)據(jù)庫開發(fā)B.Web前端網(wǎng)頁開發(fā)1.請(qǐng)為名詞①~⑤選擇表示其含義的描述，將配對(duì)好的a~e填寫到括號(hào)中①WEB服務(wù)器a代用戶發(fā)送請(qǐng)求，作為HTML的解釋器和內(nèi)嵌腳用圖形化方式顯示W(wǎng)eb網(wǎng)頁的內(nèi)容。②WEB瀏覽器b功能③C④d⑤e由那些使用公用語言互相通信的計(jì)算機(jī)連接而成的全球網(wǎng)絡(luò)第2頁共34頁1.HTML規(guī)定元素標(biāo)簽可以嵌套，但不允許交叉。(√)2.單標(biāo)記只有開始標(biāo)記，沒有結(jié)束標(biāo)記。開始標(biāo)記中的/可有可無。(√)√3.如果網(wǎng)頁中包含多個(gè)擁有相同id屬性值的元素，則網(wǎng)頁報(bào)錯(cuò)，無法顯示。(×)4.<p>元素中不允許包含以下元素：標(biāo)題元素(h1~h6)、span元素、div元素。(×)5.HTML源代碼中的空格都是無效的，最終顯示時(shí)，都會(huì)被瀏覽器刪掉。(×)7.若不指定<a>元素的target屬性，則在單擊超鏈接時(shí)，默認(rèn)會(huì)在當(dāng)前窗口打開新網(wǎng)頁。(√)8.設(shè)置<td>的colspan屬性可讓單元格跨多行顯示。(×)齊。(√)10.有序列表可自動(dòng)將列表項(xiàng)按內(nèi)容排序后顯示。(×)1.下面定義HTML注釋正確的是(B)。2.下面定義頁面編碼格式的元素正確的是(C)。A.<metacharset=utf-8>B.<metacharset:"utf-8">C.<metacharset="utf-8">D.在中文版操作系統(tǒng)中，必須設(shè)置<metacharset=A.<metacharset="utf-8">B.<metacharset="utf-8"/>C.<metacharset="utf-8"></meta>D.<bodycharset='ut第3頁共34頁6.<img>元素的(B)屬性用于設(shè)置要引入的圖片的URL地址。7.將<a>元素的target屬性值設(shè)置為(C),可實(shí)現(xiàn)單擊<a>在新窗口打開新鏈接。C.<aname="top"></a>9.關(guān)于絕對(duì)路徑的組成，以下描述正確的是(A)。C.<div><p></p></div>D.<div><br><br></div>A.<html>元素中所有子元素的內(nèi)容D.<title>元素即可定義在<head>中，又可定義在<body>中A.href屬性用于設(shè)置要播放的音頻文件的路徑B.src屬性用于設(shè)置要播放的音頻文件的路徑C.auto屬性用于設(shè)置在網(wǎng)頁加載時(shí)自動(dòng)播放音頻文件A.當(dāng)前格td,向右跨4列(含自己),可寫為：<tdcolspan=”3”>第4頁共34頁1.請(qǐng)為名詞①~⑤選擇表示其含義的描述，將配對(duì)好的a~e填寫到括號(hào)中①行內(nèi)元素a必須成對(duì)出現(xiàn)的開始標(biāo)記和結(jié)束標(biāo)記的元素②b③行內(nèi)塊元素C④d只要一個(gè)開始標(biāo)記即可實(shí)現(xiàn)功能的元素。⑤e多個(gè)元素可在一行中顯示，但是可設(shè)置元素的大小定義一個(gè)表格，一共2行四列。其中，第一行第一個(gè)格，向下跨2行，且內(nèi)容頂端對(duì)齊。第二行第二個(gè)單元格位置的格，向右跨3行，且內(nèi)容居左對(duì)齊：第5頁共34頁b.rowspan=”2”[參考答案]①:b②:f③:c④:e判斷題1.表單向服務(wù)器端提交數(shù)據(jù)主要有兩種方式：g2.Select元素中的多個(gè)option元素，若希望多選一，則必須同時(shí)定義相同的name屬性。(×)×3.默認(rèn)情況下，單擊<inputtype="radio">旁邊的文本，不會(huì)選中該單選按鈕。(√)4.實(shí)現(xiàn)表單提交功能，需要兩部分配合才能實(shí)現(xiàn)：首先需要服務(wù)器端程序接收客戶端表單提交來的數(shù)據(jù)；其次定義客戶端HTML表單收集用戶信息并提交數(shù)據(jù)到服務(wù)器端。(√)5.<from>元素用來定義一個(gè)表單整體，其中包含多種表單6.以get方式提交表單是以隱藏的方式將數(shù)據(jù)提交給服務(wù)器。要提交的表單1.定義在文本框中初始時(shí)顯示的提示信息，輸入內(nèi)容后就被替換，可設(shè)置(2.當(dāng)多個(gè)單選按鈕多選一時(shí)，應(yīng)該為組內(nèi)的多個(gè)單選按鈕定義相同的(B)屬性值。A.valueB.nameC.typeD.ch3.下列選項(xiàng)中，不屬于input元素的type屬性可選內(nèi)容的A.textB.passwordC.submitD.hide4.設(shè)置select元素的(D)屬性可實(shí)現(xiàn)多選。A.valueB.selectedC.nameD.multA.?uname=dingding;upwd=1B.?uname:dingding;upwd第6頁共34頁B.application/x-www-form-URC.enctype屬性用于定義表單數(shù)據(jù)進(jìn)行編碼的方式D.methods屬性，用于定義表單向服務(wù)器端提交數(shù)據(jù)的方式A.labelB.inputC.textareaB.<inputtype="checkbox">1.請(qǐng)為元素①~⑤選擇右側(cè)最合適的使用場景，將配對(duì)好的a~e填寫到括號(hào)中①a收集用戶輸入的文字信息②b性別二選一③C④d從一百多個(gè)國家的列表中選擇多個(gè)國家⑤e在表單中定義性別，二選一。要求，回發(fā)服務(wù)器時(shí)的變量名為“sex”。且擴(kuò)大選中區(qū)第7頁共34頁[參考答案]①:h②:e③:b④:d1.內(nèi)部樣式表的優(yōu)先級(jí)總是高于外部樣式表。(×)3.凡是定義在元素開始標(biāo)簽之外的樣式表，都成為外部樣式表。(×)4.父元素所有樣式屬性，子元素都會(huì)自動(dòng)繼承。(×)5.默認(rèn)情況下，ID選擇器優(yōu)先級(jí)最高，元素選擇器優(yōu)先級(jí)最低。(√)6.為適應(yīng)不同大小的顯示設(shè)備，應(yīng)盡量選擇相對(duì)單位設(shè)置尺寸，如百分比(%)。(√)7.單位1px的顯示大小不會(huì)隨顯示器分辨率改變而改變。(×)8.margin:auto;可設(shè)置元素在水平和垂直兩個(gè)方向都居中。(×)9.外邊距合并，是指當(dāng)兩個(gè)垂直方向外邊距相遇時(shí)，將合并為一個(gè)外邊距。(√)10.如果希望將內(nèi)邊距和邊框的范圍也納入內(nèi)容范圍中用width和height共同控制，可修改11.所有行內(nèi)元素都無法使用width和height屬性設(shè)置大小。(×)第8頁共34頁15.background-size屬性值可以是contain,表示等比縮放，時(shí)，停止縮放。(×)16.所有元素都有vertical-align屬性，可設(shè)置內(nèi)容垂直方向居中。(×)×1.下列樣式聲明語法正確的是(D)。A.color=purpleB.color="purple"C.color:"purple"D.color:pA.<acolor=“red”fonD.<astyle="color:red;A.body:{color:red,fontSize:12px}B.bodylcolor:red;font-sC.body={color:red;fonD.body={color:"red",fontSize4.網(wǎng)頁中引入外部樣式表的代碼正確的是(C)。A.<stylerel="stylesheet"href="indB.<stylerel="stylesheet"src="index.css">C.<linkrel="stylesheet"hrefD.<linkrel="stylesheet"src="inA.p+div{font-size:12px}D.pdiv{font-size:7.選擇ul元素下所有后代li(既包含直接子元素，又包含更深層后代元素)的選擇器是(B)。10.鼠標(biāo)懸停在a元素上時(shí)，字體變?yōu)榧t色，正確的CSS定義是(B)。C.a:active{color:red第9頁共34頁A.emB.ptC.cmB.em總是相對(duì)于所在父元素的屬性值計(jì)算倍數(shù)17.清除文本框的輪廓可使用(C)。A.border:0;B.border:none;C.outline:0;D.border-radiu18.一個(gè)元素上、下外邊距都是10px,左、右外邊距都是20px,下列定義正確的是(C)。A.border-top-left-radiusB.border-left-top-radiD.border-radius-top-le第10頁共34頁A.background-image:img/logo.pngB.background-image:url(“img/logo.png”)C.background-image:“img/logo.png”23.設(shè)置背景圖片相對(duì)于所在元素向上移動(dòng)10px,向左移動(dòng)20px,以下設(shè)置正確的是(B)。A.background-position:20px10px24.以下設(shè)置字體加粗屬性正確的是(B)。A.font-size:boldB.font-weight:boldC.font-style:boldD.font-family:bold25.以下設(shè)置字體為斜體正確的是(A)A.font-style:italicB.font-family:italicC.text-decoration:italicD.text-indent:italic26.普通元素設(shè)置文本垂直居中的屬性正確的是(C)。A.text-valign:centerB.text-align:centerclass=”.btn"class=".class="btn"class="bA.類選擇器的權(quán)重等于偽類選擇器的權(quán)重B.元素選擇器的權(quán)重大于偽類選擇器的權(quán)重C.偽類選擇器的權(quán)重小于ID選擇器的權(quán)重3.一個(gè)元素上下內(nèi)邊距都是20px,左右內(nèi)邊距都是10px,下列定義正確的是：(AC)。B.如果內(nèi)容是文字，默認(rèn)就是縱向溢出5.以下可以隱藏內(nèi)容溢出部分的overflow屬性的值是：(ACD第11頁共34頁D.設(shè)置父元素的overflow:hidden①aul元素下的所有后代li的直接子元素中class為act②bul元素下的直接子元素中class為active的li③Cul元素下的所有后代元素中class為active的li④dul元素下的直接子元素li以及其他任意class為act⑤eul元素下的所有后代li的所有后代中class為act編程題如下圖所示需求設(shè)計(jì)圖：外層一個(gè)section元素，包裹著內(nèi)層四個(gè)span元素。c.width:1000px;margin:Oauto;padding:015px;margin-top:35px;第12頁共34頁e.width:1000px;margin:auto;padding:15px;margin:35px;第5章CSS3高級(jí)特性2.行內(nèi)塊元素默認(rèn)都是從上到下排列的，且每個(gè)行內(nèi)塊元素獨(dú)占一行。(×)4.因?yàn)槊總€(gè)元素都擁有自己的空間，所以一個(gè)元素不可能蓋住另一個(gè)元素。(x)6.元素一旦設(shè)置浮動(dòng)定位屬性，就脫離普通文檔流定位方式，不占用普通文檔流中的頁面空間。8.元素一旦浮動(dòng)后，都會(huì)變?yōu)樾袃?nèi)塊級(jí)元素，也允許修改大小尺寸。(×)11.dispaly:none不會(huì)讓元素脫離文檔流，雖然看不見，但依然占用空間。(×)12.visibility:hidden16.list-style:none和list-style-type:none均可清除列表項(xiàng)標(biāo)識(shí)。(√)√17.relative(相對(duì)定位)可讓元素脫離默認(rèn)文檔流，相對(duì)于其所在父元素左上角自由定位。(x)微調(diào)時(shí)使用。(√)19.絕對(duì)定位的元素默認(rèn)總是相對(duì)于其所在直接父級(jí)元素左上角定位。(×)20.相對(duì)定位的元素，雖然位置偏離了原位置，但默認(rèn)文檔流中的原位置不釋放。(√)21.修改父元素的z-index屬性值>子元素的z-index屬性值可讓父元素蓋住子元素。(×)22.未使用定位屬性的元素不能使用z-index元素。(√)第13頁共34頁23.:first-child元素只能匹配一個(gè)元素。(×)24.input+span只能匹配一個(gè)元素。(×)25.:target用于匹配當(dāng)前點(diǎn)擊的a元素。(×)26.div:not([title=test])也會(huì)匹配那些不包含title屬性的div元素。(√)27.元素可設(shè)置的屬性，偽元素也可設(shè)置。元素具有的特征，偽元素也同樣具備。(√)29.默認(rèn)情況下，如果主軸放不下所有項(xiàng)目時(shí)，項(xiàng)目會(huì)超出容器橫向溢出。(×)30.彈性布局中，項(xiàng)目的flex-order屬性用于定義項(xiàng)目的排列順序。(×)31.order屬性，用于定義項(xiàng)目的排列順序。其值為整數(shù)數(shù)字，無須單位。(√)2.CSS提供了(B)屬性用于設(shè)置元素浮動(dòng)定位：4.清除前面元素浮動(dòng)對(duì)當(dāng)前元素的影響，可設(shè)置(B)屬性。A.display:clearB.clear:bothC.float:bothD.both:clear5.下列選項(xiàng)中，可讓圖片左右文字與圖片垂直居中對(duì)齊的css屬性是(BA.text-align:centerB.vertical-align:middleC.text-valign:centerD.vertical-align:baseline6.下列設(shè)置鼠標(biāo)懸停時(shí)光標(biāo)變?yōu)槭种傅膶傩允?D)。A.cursor:moveB.cursor:waitC.cursor:textD.curso第14頁共34頁A.overflow:hiddenB.opacity:0C.display:noneD.visibility:hiddenA.list-style-typeB.list-imageA.position:absoluteB.position:relativeC.position:fixedD.positioA.b,i{}B.b+i20.選擇包含title屬性且title屬性值中包含“es”的div元素，下列選擇器正確的是(B)。A.div[title=es]B.div[title*=es]C.div[title^=es]D.div[titlA.div:not([title=test])B.div[title!=test]C.div[title*=test]D.div[titleS=test]A.:hoverB.:targetC.:activeD.:D.:before,用于匹配某元素與前一個(gè)元素之間的空白區(qū)域A.p:before{container:“>>”}B.p::before{container:>>}C.p::before{content:>>}D.p::before{content:“>>”}第15頁共34頁A.值為row表示主軸x軸，起點(diǎn)在容器中心點(diǎn)B.值為row-reverse表示主軸x軸，起點(diǎn)在右端27.如果主軸放不下所有項(xiàng)目時(shí)，可設(shè)置flex-wrap屬性值為(D)來實(shí)現(xiàn)換行顯示，但不改變主A.nowrapB.wrap-reverseC.reverseD.wrap28.下列代碼可以定義flex容器x為主C.flex-flow:rowwrapD.flex-flow:wrapA.flex-directionB.justify-contentC.flex-flowD.flex-wrapA.justify-content:space-aA.設(shè)置浮動(dòng)定位屬性的元素會(huì)脫離普通文B.文檔的普通流中的其他塊，會(huì)上移填補(bǔ)浮動(dòng)第16頁共34頁D.在父元素內(nèi)的結(jié)尾追加一個(gè)空子元素(塊級(jí)元素),A.值是1~100之間的任意一個(gè)整數(shù)D.值是0~1之間的任意一個(gè)小數(shù)A.tableB.diC.固定定位的元素位置在網(wǎng)頁滾動(dòng)時(shí)，跟隨滾動(dòng)，始D.固定定位的元素位置不會(huì)隨著滾動(dòng)條的滾動(dòng)而發(fā)生改變。A.z-index屬性用于設(shè)置上下兩層元素之間的距離，值為A.li>liB.li+liC.li~liD.lA.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)①a希望讓塊元素也能在一行中左右排列②b③C④d⑤e通過相對(duì)于離它最近的已定位(同樣設(shè)置了position屬性) }第6章CSS3漸變、過渡與動(dòng)畫1.設(shè)置元素的background-image屬性，取值為一個(gè)linear-gradient)命令，可實(shí)現(xiàn)線性漸變。(√)2.設(shè)置元素的linear-gradient屬性，可實(shí)現(xiàn)線性漸變。(×)3.設(shè)置元素的background-image屬性，取值為一個(gè)radial-gradientO命令，可實(shí)現(xiàn)徑向漸變。(√)4.設(shè)置元素的radial-gradient屬性，可實(shí)現(xiàn)徑向漸變。(×)6.設(shè)置元素的repeating-linear-gradient屬性，可實(shí)現(xiàn)重復(fù)漸變。(×)8.轉(zhuǎn)換原點(diǎn)是指在轉(zhuǎn)換過程中，距離旋轉(zhuǎn)圓心最遠(yuǎn)的一點(diǎn)。(×)。9.視距越小，3D轉(zhuǎn)換的幅度越明顯；視距越大，3D轉(zhuǎn)換的幅度越不明顯。(√)。11.定義元素的transform屬性時(shí)執(zhí)行translateO函數(shù)，可讓元素發(fā)生位移。(√)12.定義元素的transform屬性時(shí)執(zhí)行scale()函數(shù)，可讓元素發(fā)生縮放。(√)14.scale(value)中，縮放比例value的默認(rèn)值為0,表示不縮放。若value>0,表示放大；若value<0,第19頁共34頁表示縮小。(×)15.定義元素的transform屬性時(shí)執(zhí)行rotate()函數(shù)，可讓元素發(fā)生旋轉(zhuǎn)。(√)17.rotate(ndeg)中，若n為正，順時(shí)針旋轉(zhuǎn)；若n為負(fù)，逆時(shí)針旋轉(zhuǎn)。(√)18.設(shè)置過渡速度變化曲線為：easy19.設(shè)置過渡速度變化曲線為：ease-out,表示慢速開始，加速結(jié)束。(×)21.@keyframes定義的動(dòng)畫會(huì)在頁面加載時(shí)，自動(dòng)執(zhí)行，無需調(diào)用。(×)3.設(shè)置按鈕背景色自上向下漸變，從頂部白色漸變到底部銀色，下列寫法正確的是(A)。A.background-image:linear-gradient(tobottom,#f0f0f00%,#eOeOe0100%);D.background-image:linear-gradient(tobottom,#f0f0f0,0%,#eOeOA.新版operaB.ChromA.transform-origin:100%0B.transform-origC.transform-origin:0100pxD.A.transform:translateX(100px)B.translateX:100pxC.transform:translate(100px)D.margin-A.transform:rotate(45)B.transform:rC.transform:rotate(-315deg)D.transform:rotate(-45d10.設(shè)置元素的transform屬性和box-shadow屬性，在2s內(nèi)過渡變化，正確的是(A)。第20頁共34頁A.transition-property:transformbox-shadow;transition-duratB.transition-property:transform,box-D.transition-property:transformbox-shadow2s;11.希望修改某個(gè)CSS屬性值時(shí)平緩變化，可使用CSS的(D)屬性。A.transform-propertyB.translate-property12.可使用(B)屬性設(shè)置過渡變化的時(shí)間。13.下列選項(xiàng)中，設(shè)置元素所有屬性在2s內(nèi)勻速過渡變化正確的是(C)。A.transition:2slinearallB.transition:linearC.transition:all2slinearD.transition:alllinear14.定義復(fù)雜動(dòng)畫，實(shí)現(xiàn)一個(gè)diy順時(shí)針旋轉(zhuǎn)一周，正確的是(B)。}B.@keyframesmyRotate{})D.@keyframemyRo)15.下列調(diào)用動(dòng)畫執(zhí)行的語句正確的是(D)。A.animation:linearball5sinfiniteB.animation:balllinearinfinitealteC.animation:linear5sliD.animation:ball5slinearinfA.animation-play-stateB.animat-play-stateC.animat-playD.ani多選題第21頁共34頁A.translate(x)B.transform(x)C.translateX(x)A.scale(value)B.scale(x.y)C.scaleX(x)和scaleY(y)D.如果希望三維轉(zhuǎn)換越明顯，應(yīng)縮小視距1.請(qǐng)為下列屬性①~⑤選擇右側(cè)最合適的解釋，將配對(duì)好的a~e填寫到括號(hào)中①a②b③C可讓元素發(fā)生位移④d⑤e編程題1.從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整在網(wǎng)頁中定義一個(gè)名為ball的幀動(dòng)畫，并在某個(gè)元素的樣式中啟動(dòng)動(dòng)畫播放 第22頁共34頁100%{/*動(dòng)畫結(jié)束時(shí)的樣式CSS屬性*/}…;/*其他css屬性*/ ②:③_④速度變化曲線延遲時(shí)間反復(fù)執(zhí)行次數(shù)執(zhí)行方向；}[參考答案]①:d②:a③:f④:e第7章LESS判斷題1.靜態(tài)樣式語言中雖然有變量，但是無法記性算術(shù)運(yùn)算。(×)2.編譯是指將瀏覽器不認(rèn)識(shí)的Less語言代碼轉(zhuǎn)換為CSS語言代碼的過程。(√)3.Less既支持多行注釋，又支持單行注釋，所有注釋都會(huì)被編譯到CSS中。(×)4.@import在引入多個(gè)less文件時(shí)，會(huì)增加請(qǐng)求次數(shù)。(×)6.CSS中用@import引入另一個(gè)css文件，會(huì)增加請(qǐng)求次數(shù)。(√)單選題1.下列引入并在客戶端編譯less的代碼正確的是(B)。第23頁共34頁A.<linkrel="stylesheet"href="css/index.less">B.<linkrel="stylesheet/less"href="css/indeC.<scriptsrc="js/less.min.<linkrel="stylesheet/less"href="css/index.D.<scriptsrc="js/less.min.js"><linkrel="stylesheet"href="css/ind2.下列在less中定義變量的語法正確的是(C)。A.red:#e4393c;B.@red=#e4393c;C.@red:#e4393c;D.red=#3.下列使用變量正確的是(A)。C.background-color=@red;D.background-color:red;4.公共類型.m-p-0,可幫元素設(shè)置margin和padding屬性，A..m-p-0(m,p){margin:m;padding:p}B..m-p-0(mC..m-p-0(@m,@p){margin:m,padding:p}D..m-p-0(@m,@p)(margin:@m,pa5.下列混入時(shí)傳入?yún)?shù)的代碼正確的是(C)。A.h1{.m-p-0(10,10);……}B.hl{.m-p-0:1010;……}6.在一個(gè)less文件中，引入另一個(gè)lesA.@import"variables.less"B.@importurl("variables.less")C.limport"variables.less"D.imporA.變量B.否定偽類C.選擇器D.運(yùn)算1.從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫在空第24頁共34頁再定義index.less文件，其中引入var.less中基礎(chǔ)變量，并使用基礎(chǔ)變量b.@redc.limportant“var.less”f.@import“var.less”j.font-size*22.響應(yīng)式網(wǎng)頁是指，一個(gè)網(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)確定一個(gè)設(shè)備的種類。(√)7.媒體查詢，就是查詢出當(dāng)前瀏覽器的名稱和版本號(hào)。(×)8.媒體查詢，即可使用瀏覽器的視口大小作為判斷條件，又可使用物理設(shè)備的窗口大小作為判斷第25頁共34頁2.要求當(dāng)前網(wǎng)頁加載時(shí)，視口大小等于設(shè)備寬，且初始時(shí)不縮放，下列代碼正確的是(D)。A.<metaname="viewport"content="width=device-width,initiB.<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-sc3.根據(jù)媒體查詢執(zhí)行不同CSS文件，要求只有視口寬大于768px時(shí)，才執(zhí)行print.css文件，下列代碼正確的是(D)。A.<linkmedia="screen&&(minWsidth:768px)"rel="stylesheet"href="print.csB.<linkmedia="screen&&(min-width>768px)"rel="stylesheet"href="print.css">C.<linkmedia="screenand(minWidth:768px)"rel="stylesheet"href="D.<linkmedia="screenand(min-width:768px)"rel="stylesheet"href="print.css">4.普通規(guī)則下，如果設(shè)備寬為767px,可認(rèn)為其為(D)設(shè)備。A.超大屏B.PCC.PADD.手機(jī)A.@mediascreenand(min-width:992px){background:red;}C.@mediascreenand(min-width:992px){.box{backC.min-device-width是用設(shè)備物理顯示第26頁共34頁C.<ANYclass="col-md-A.<ANYclass=”col-pc-4hiddeC.<ANYclass="col-pc-3D.<ANYclass=“col-pc-4hidden-sm”A.使用table顯示網(wǎng)頁的各個(gè)區(qū)域B.使用浮動(dòng)定位顯示網(wǎng)頁的各個(gè)區(qū)域C.使用行內(nèi)塊顯示網(wǎng)頁的各個(gè)區(qū)域D.使用塊元素顯示網(wǎng)頁的各個(gè)區(qū)域A.媒體查詢，就是查詢出當(dāng)前瀏覽網(wǎng)頁的設(shè)備的類型及特1.請(qǐng)為下列樣式類①~⑤選擇右側(cè)最合適的解釋，將配對(duì)好的a~e填寫到括號(hào)中。①a②b③C④d⑤e1.響應(yīng)式圖片可讓圖片根據(jù)瀏覽設(shè)備的寬，響應(yīng)式調(diào)整圖片的大小。(√)2.為元素添加text-responsive樣式類，可讓元素的內(nèi)容文本以兩端對(duì)齊。(×)3.list-style-none樣式類可去掉列表項(xiàng)前的標(biāo)識(shí)符號(hào)。(×)4.響應(yīng)式表單的樣式類和柵格系統(tǒng)的樣式類完全一樣。(×)5.水平表單可定義柵格系統(tǒng)控制不同屏幕寬下表格的列寬。(√)6.Bootstrap所有組件，單靠引入bootstrap.css就可執(zhí)行。(√)7.使用組件時(shí)，僅添加樣式類，未添加data-*自定義擴(kuò)展屬性，則樣式也無法正常顯示。(×)8.凡是使用fixed屬性固定定位在文檔顯示區(qū)中心位置的對(duì)話框，都是模態(tài)框。(×)A.btn-lgB.btn-mdC.btn-smA.d-blockB.display-blockC.blockD.btn-blockA.<ahref=”javascript:;”class="btB.<ahref=”javascript:;”class="btn-warning";C.<ahref="javascript:;"class="btnD.<ahref="javascript:;"class=".btn.btnA.<imgsrc=”url”img-respoB.<imgsrc="url"class="img-5.Bootstrap的less源碼A.bootstrap.lessB.progess-bars.lessC.variables.lessA.白色B.淺灰色C.工業(yè)藍(lán)D.淡藍(lán)色第28頁共34頁A.變量B.全局樣式類C.組件A.水平表單，就是表單元素都排列在一橫行中12.表單中的每組輸入項(xiàng)(label+input+span)都包含在class為(B)的小容器元素中。A.form-labelB.form-groupC.form-controlD.control-label13.以下組件必須引入Bootstrap.D.text-tolowercase,可將全部字母轉(zhuǎn)為小寫第29頁共34頁1.請(qǐng)為下列樣式類①~⑤選擇右側(cè)最合適的解釋，將配對(duì)好的a~e填寫到括號(hào)中①a②b去除列表項(xiàng)前的提示符號(hào)③C④d讓每個(gè)列表項(xiàng)都水平排列⑤e1.從答案選項(xiàng)中選擇正確的代碼，將其對(duì)應(yīng)的字母填寫在空代碼如下：第30頁共34頁j.control[參考答案]①:b②:d③:e④:c第31頁共34頁1.單項(xiàng)選擇題(將正確答案序號(hào)填寫在題目的括號(hào)中)A.AppB.WindowsC.WWWD.W3C(2)下面定義頁面編碼格式的元素正確的是(C)。(3)下列選項(xiàng)中，不屬于input元素的type屬性可選內(nèi)容的是(D)。A.textB.passwordC.submit(4)網(wǎng)頁中引入外部樣式表的代碼正確的是(C)。A.<stylerel="stylesheet"href-"indB.<stylerel="stylesheet"src="index.css">C.<linkrel="stylesheet"href="index.cD.<linkrel="stylesheet"src="index.css">(5)元素一旦浮動(dòng)后，都會(huì)變?yōu)椋?B)。A.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.浮動(dòng)元素(6)寬100px的div元素，修改轉(zhuǎn)換原點(diǎn)為右上角，下列屬性設(shè)置正確的是(A)。A.transform-origin:100%0B.transform-origin:0100%;C.transform-origin:0(7)下列在less中定義變量的語法正確的是(C)。A.re

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(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)論