WEB開發(fā)基礎(chǔ)-2021秋本-計算機(jī)科學(xué)與技術(shù)本復(fù)習(xí)資料-國家開放大學(xué)2022年1月期末考試復(fù)習(xí)資料

1、試題一窗體頂端試題一：為名詞匹配正確的含義Internet由那些使用公用語言互相通信的計算機(jī)連接而成的全球網(wǎng)絡(luò)WEB服務(wù)器存儲網(wǎng)站資源文件，響應(yīng)瀏覽器發(fā)來的請求，提供基本的安全功能遠(yuǎn)程訪問服務(wù)用于支持客戶機(jī)跨廣域網(wǎng)訪問公司內(nèi)部網(wǎng)絡(luò)的服務(wù)WEB瀏覽器代用戶發(fā)送請求，作為HTML的解釋器和內(nèi)嵌腳本的執(zhí)行器，用圖形化方式顯示W(wǎng)eb網(wǎng)頁的內(nèi)容。HTTP協(xié)議規(guī)定了Web服務(wù)器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)為名詞匹配正確的含義單標(biāo)記元素只要一個開始標(biāo)記即可實現(xiàn)功能的元素。行內(nèi)塊元素多個元素可在一行中顯示，但是可設(shè)置元素的大小塊級元素默認(rèn)獨占一行的元素行內(nèi)元素元素內(nèi)容有多少，空間就只能占用多少，且多個元

2、素只能在一行中顯示雙標(biāo)記元素必須成對出現(xiàn)的開始標(biāo)記和結(jié)束標(biāo)記的元素窗體頂端為名詞匹配正確的含義窗體底端ul li .activeul元素下的所有后代li的所有后代中class為active的元素ul>li,.activeul元素下的直接子元素li以及其他任意class為active的元素ul li.activeul元素下的所有后代元素中class為active的liulli>.activeul元素下的所有后代li的直接子元素中class為active的元素ul>li.activeul元素下的直接子元素中class為active的li窗體頂端選擇題：1.Web服務(wù)器主要功能包括

3、: 存儲網(wǎng)站資源文件，代用戶發(fā)送請求，提供基本的安全功能。（     ）選擇一項：對 錯 反饋正確答案是“錯”。窗體頂端2.URL是嚴(yán)格區(qū)分大小寫的，且URL中不允許出現(xiàn)中文。（     ）選擇一項：對 錯 反饋正確答案是“對”。3.窗體頂端3.默認(rèn)情況下，單擊<input type="radio">旁邊的文本，不會選中該單選按鈕。（     ）選擇一項：對 錯 反饋正確答案是“對”。窗體頂端4.父元素所有樣式屬性，子元素都會自動繼承。（    

4、0;）選擇一項：對 錯 窗體頂端5.行內(nèi)塊元素默認(rèn)都是從上到下排列的，且每個行內(nèi)塊元素獨占一行。（     ）選擇一項：對 錯 反饋正確答案是“錯”。窗體頂端6.元素可設(shè)置的屬性，偽元素也可設(shè)置。元素具有的特征，偽元素也同樣具備。（     ）選擇一項：對 錯 反饋正確答案是“對”。窗體頂端7.行定義元素的translate屬性，可讓元素發(fā)生位移。（     ）選擇一項：對 錯 反饋正確答案是“錯”。窗體底端窗體頂端8.行內(nèi)塊元素默認(rèn)都是從上到下排列的，且每個行內(nèi)塊元素獨占一行。（   

5、;  ）選擇一項：對 錯 反饋正確答案是“錯”。窗體頂端9.元素可設(shè)置的屬性，偽元素也可設(shè)置。元素具有的特征，偽元素也同樣具備。（     ）選擇一項：對 錯 反饋正確答案是“對”。窗體頂端10.行定義元素的translate屬性，可讓元素發(fā)生位移。（     ）選擇一項：對 錯 反饋正確答案是“錯”。窗體底端窗體頂端11.過渡速度變化曲線的默認(rèn)值為:ease，表示從慢速開始，快速變快，最后慢速結(jié)束。（     ）選擇一項：對 錯 反饋正確答案是“對”。窗體頂端12.Less既支持多行注釋，又支

6、持單行注釋，所有注釋都會被編譯到CSS中。（     ）選擇一項：對 錯 反饋正確答案是“錯”。窗體頂端13.響應(yīng)式網(wǎng)頁是指，一個網(wǎng)頁會根據(jù)用戶瀏覽器設(shè)備不同而自動改變布局。（     ）選擇一項：對 錯 反饋正確答案是“對”。窗體頂端14.物理設(shè)備寬比視口寬更能精準(zhǔn)確定一個設(shè)備的種類。（     ）選擇一項：對 錯 反饋正確答案是“對”。窗體頂端15.Bootstrap所有組件，單靠引入bootstrap.css就可執(zhí)行。（     ）選擇一項：對 錯 反饋正確答案是“對”

7、。窗體頂端試題正文16.創(chuàng)建Web內(nèi)容主要包括三部分: Web設(shè)計、（      ）和Web服務(wù)器端應(yīng)用程序開發(fā)。選擇一項：A. 數(shù)據(jù)庫開發(fā)B. App開發(fā)C. 通信協(xié)議D. Web前端網(wǎng)頁開發(fā)反饋正確答案是：Web前端網(wǎng)頁開發(fā)窗體頂端17.下面定義HTML注釋正確的是（      ）。選擇一項：A. <!-<!-這里是注釋->->    B. <div  <!-id="main "->></div>C. <d

8、iv><!-這里是注釋-></div>D. <div><-這里是注釋-></div>反饋正確答案是：<div><!-這里是注釋-></div>窗體頂端18.下列選項中，不屬于塊級元素的是（      ）。選擇一項：A. <span>B. <h3> C. <p> D.  <div>反饋正確答案是：<span>窗體頂端19.當(dāng)多個單選按鈕多選一時，應(yīng)該為組內(nèi)的多個單選按鈕定義相同

9、的（      ）屬性值。選擇一項：A. name  B. checkedC. typeD.  value反饋正確答案是：name窗體頂端20.鼠標(biāo)懸停在a元素上時，字體變?yōu)榧t色，正確的CSS定義是（      ）。選擇一項：A. a:hover font-color: red B. a.hover color: red  C. a:active color: red   D. a:active font-color:red 反饋正確答案是：a:hover font-colo

10、r: red 窗體頂端21.下列關(guān)于相對長度單位描述正確的是:（      ）。選擇一項：A. rem總是相對于當(dāng)前元素上的另一個屬性值計算倍數(shù)B. em總是相對于所在父元素的屬性值計算倍數(shù)C. rem總是相對于所在父元素的屬性值計算倍數(shù)D. em總是相對于body元素的屬性值計算倍數(shù)反饋正確答案是：em總是相對于所在父元素的屬性值計算倍數(shù)窗體頂端22.元素一旦浮動后，都會變?yōu)椋海?#160;     ）。選擇一項：A. 塊元素B. 浮動元素C. 行內(nèi)元素D. 行內(nèi)塊元素反饋正確答案是：塊元素窗體頂端23.將列表項標(biāo)識改為圖片的屬性是:（

11、60;     ）。選擇一項：A. list-style-image B. list-style-type  C.  list-typeD. list-image 反饋正確答案是：list-style-image窗體頂端24.以下關(guān)于線性漸變描述正確的是:（      ）。選擇一項：A. 線性漸變就是以直線的方向來填充漸變色B. 線性漸變就是延垂直方向填充漸變色C. 線性漸變就是延水平方向填充漸變色D. 線性漸變就是以圓心為中心，延半徑向外漸變反饋正確答案是：線性漸變就是以直線的方向來填充漸變色

12、窗體頂端25.寬100 px的div元素，修改轉(zhuǎn)換原點為右上角，下列屬性設(shè)置正確的是（      ）。選擇一項：A. transform-origin: 100% 0 B. transform-origin: left top;C. transform-origin: 0  100%;D.  transform-origin: 0  100px  反饋正確答案是：transform-origin: 100% 0窗體頂端26.下列使用變量正確的是（      ）。選擇一項：A.

13、 background-color:red;B. background-color=red;C. background-color:red;D. background-color=red;反饋正確答案是：background-color:red;窗體頂端27.下列關(guān)于媒體查詢說正確的是：（      ）。選擇一項：A. min-device-width是用設(shè)備物理顯示屏寬作為判斷條件B. min-device-width是用瀏覽器視口寬作為判斷條件C. max-width是用設(shè)備物理顯示屏寬作為判斷條件D. min-width是用瀏覽器軟件的窗口寬作為判斷條件反饋

14、正確答案是：min-device-width是用設(shè)備物理顯示屏寬作為判斷條件窗體頂端28.下列不屬于文本對齊方式的樣式類是:（      ）。選擇一項：A. text-rightB. text-justityC. text-leftD. text-middle反饋正確答案是：text-middle窗體頂端29.下列說法錯誤的是：（       ）。選擇一項或多項：A. <p>元素專門用于顯示一段文字，并在開頭和結(jié)尾自動換行。B. <i>元素專門用于給文字加下劃線。C. <b>元素專門用于代

15、替換行。D. <u>元素專門用于加粗顯示文字。反饋正確答案是：<b>元素專門用于代替換行。, <i>元素專門用于給文字加下劃線。, <u>元素專門用于加粗顯示文字。窗體頂端30.一個元素可同時被多個樣式類修飾，以下寫法正確的是:（       ）。選擇一項或多項：A. <a class=”.btn” class=”.btn-danger”>B. <a class=”btn, btn-danger”>C. <a class=”btn” class=”btn-danger”>

16、D. <a class=”btn btn-danger”>反饋正確答案是：<a class=”btn” class=”btn-danger”>, <a class=”btn btn-danger”>窗體底端窗體頂端31.下列關(guān)于固定定位描述正確的是:（       ）。選擇一項或多項：A. 固定定位的元素，以文檔顯示區(qū)左上角作為參照。B. 固定定位的元素位置不會隨著滾動條的滾動而發(fā)生改變。C. 固定定位的元素，以body左上角作為參照。D. 固定定位的元素位置在網(wǎng)頁滾動時，跟隨滾動，始終保持與body左上角的相對位置不

17、變。反饋正確答案是：固定定位的元素，以文檔顯示區(qū)左上角作為參照。, 固定定位的元素位置不會隨著滾動條的滾動而發(fā)生改變。窗體頂端32.以下屬性值中可用于設(shè)置過渡速度變化曲線的值有:（       ）。選擇一項或多項：A. ease-inB. easy-outC. eary-inD. linear反饋正確答案是：linear, ease-in窗體頂端33.以下關(guān)于媒體查詢的描述正確的是:（       ）。選擇一項或多項：A. 媒體查詢，就是根據(jù)設(shè)備和特性不同，選擇執(zhí)行不同的CSS代碼。B. 媒體查詢，就是根據(jù)瀏覽器的

18、名稱和版本號不同執(zhí)行不同的CSS代碼。C. 媒體查詢，就是查詢出當(dāng)前瀏覽網(wǎng)頁的設(shè)備的類型及特性，如屏幕尺寸。D. 媒體查詢，就是查詢出當(dāng)前瀏覽器的名稱和版本號。正確答案是：媒體查詢，就是查詢出當(dāng)前瀏覽網(wǎng)頁的設(shè)備的類型及特性，如屏幕尺寸。, 媒體查詢，就是根據(jù)設(shè)備和特性不同，選擇執(zhí)行不同的CSS代碼。窗體頂端34從答案選項中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整：定義一個表格，一共2行四列。其中，第一行第一個格，向下跨2行，且內(nèi)容頂端對齊。第二行第二個單元格位置的格，向右跨3行，且內(nèi)容居左對齊：<table><tr>  &

19、#160;     <td _  _></td><td></td><td></td><td></td></tr><tr>        <td _   _ ></td></tr></table>其中:和請選擇不規(guī)則表格相關(guān)的屬性      &

20、#160;和請選擇內(nèi)容對齊方式答案 1 答案 2 答案 3 答案 4 反饋正確答案是： rowspan=”2”, valign=”top”, colspan=”3”, align=”right”窗體頂端35.從答案選項中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整：在表單中定義性別，二選一。要求，回發(fā)服務(wù)器時的變量名為“sex”。且擴(kuò)大選中區(qū)域，點擊文字，也可選中選項：<form><_><input type=”_”  _=”sex”  _=”1”>男</_><_><input typ

21、e=”_”  _=”sex”  _=”0”>女</_></form>答案 1 答案 2 答案 3 答案 4 反饋正確答案是： label, radio, name, value窗體頂端36.從答案選項中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整：如下圖所示需求設(shè)計圖：外層一個section元素，包裹著內(nèi)層四個span元素。請在下列CSS中補(bǔ)充選擇器和css屬性：<style>section _  section span _;    _;      section _ width:223px;  </style>答案 1 答案 2 答案 3 答案 4 反饋正確答案是： width:1000px; margin:0 auto; padding:0 15px; margin-top:35px;, box-sizing: border-box;, padding:0 10px;, span>img窗體頂端37.從答案選項中選擇正確的代碼，將其對應(yīng)的字母填寫在空白的步驟中，從而把步驟補(bǔ)充完整定義var.less文件，其中聲明兩個變量保存字體大小和顏色值