Web前端開發(fā)基礎知到智慧樹章節(jié)測試課后答案2024年秋廣西機電職業(yè)技術學院_第1頁
Web前端開發(fā)基礎知到智慧樹章節(jié)測試課后答案2024年秋廣西機電職業(yè)技術學院_第2頁
Web前端開發(fā)基礎知到智慧樹章節(jié)測試課后答案2024年秋廣西機電職業(yè)技術學院_第3頁
Web前端開發(fā)基礎知到智慧樹章節(jié)測試課后答案2024年秋廣西機電職業(yè)技術學院_第4頁
Web前端開發(fā)基礎知到智慧樹章節(jié)測試課后答案2024年秋廣西機電職業(yè)技術學院_第5頁
已閱讀5頁,還剩11頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領

文檔簡介

Web前端開發(fā)基礎知到智慧樹章節(jié)測試課后答案2024年秋廣西機電職業(yè)技術學院模塊一單元測試

超文本標記語言的簡稱是?(

)。

A:JAVASCRIPTB:JAVAC:CSSD:HTML

答案:HTML

<h1>-<h6>標簽可定義標題。那么,最大的標題是?(

A:<h2>B:<h6>C:<h5>D:<h1>

答案:<h1>表示超鏈接的HTML標簽是?(

)。

A:<br>B:<p>C:<a>D:<hr>

答案:<a>表示無序列表的HTML標簽是?(

)。

A:<table>B:<dl>C:<ol>D:<ul>

答案:<ul>以下的哪一個標簽,用于定義表格中的一個單元格?(

A:<th>B:<tr>C:<table>D:<td>

答案:<td>HTML5中用于定義文檔內(nèi)文章的標簽是?(

)。

A:<header>B:<article>C:<nav>D:<footer>

答案:<article>表示表單的HTML標簽是?(

)。

A:<input>B:<select>C:<table>D:<form>

答案:<form>以下代碼,正確表示表單中的復選框的是?(

A:<inputtype="radio">B:<inputtype="password">C:<inputtype="checkbox">D:<inputtype="text">

答案:<inputtype="checkbox">以下代碼,正確表示表單中只能輸入數(shù)字輸入框的是?(

A:<inputtype="number">B:<inputtype="email">C:<inputtype="range">D:<inputtype="color">

答案:<inputtype="number">以下哪些標簽應該在HTML文檔的頭部(head標簽內(nèi))出現(xiàn)?(

)。

A:<title>B:<style>C:<meta>D:<body>

答案:<title>;<style>;<meta>

模塊二單元測試

表示類樣式(類選擇器、類選擇符)的代碼是?(

)。

A:.my_titleB:*C:#navigationD:a

答案:.my_title表示后代選擇器(包含選擇符)的CSS代碼是?(

)。

A:a.navigationB:#menuaC:li>aD:h1+p

答案:#menua能選擇段落的所有標題1子元素(不包括孫輩元素)的CSS代碼是?(

)。

A:p~h1B:h1+pC:p>h1D:ph1

答案:p>h1下列哪一項是CSS正確的語法構(gòu)成?(

)。

A:body:color=blue;B:{body:color:blue;}C:body{color:blue;}D:{body:color=blue;}

答案:body{color:blue;}哪個HTML標簽用于定義內(nèi)部樣式表?(

)。

A:<style></style>B:<css></css>C:<script></script>

答案:<style></style>id選擇器樣式表的優(yōu)先級高于類選擇器。(

A:錯B:對

答案:對表示通配選擇符(全局選擇符)的代碼是?(

)。

A:aB:*C:.my_titleD:#navigation

答案:*

模塊三單元測試

要設置HTML元素的文字大小,應選擇的屬性是(

)。

A:font-styleB:font-weightC:font-familyD:font-size

答案:font-size以下表示設置文字顏色的CSS代碼,正確的有(

)。

A:color:#ff0000B:color:#f00C:color:#f000D:color:red

答案:color:#ff0000;color:#f00;color:redtext-shadow屬性用于設置文本的陰影?!皌ext-shadow:-3px-3px10px#000;

”表示陰影偏移的方向是(

)。

A:右上B:左下C:右下D:左上

答案:左上CSS標準盒模型由如下部分構(gòu)成(

)。

A:內(nèi)容contentB:填充paddingC:邊框borderD:外邊距(邊界)margin

答案:內(nèi)容content;填充padding;邊框border;外邊距(邊界)margin“overflow:hidden;”表示當內(nèi)容超出元素邊界時,內(nèi)容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。(

A:對B:錯

答案:錯“border-width:3px8px10px;”表示左邊框的粗細是(

)。

A:8pxB:3pxC:0px

D:10px

答案:8px把百分比作為元素的padding屬性值時,該百分比的計算是基于(

)。

A:元素的高度B:元素的寬度C:父元素的高度D:父元素的寬度

答案:父元素的寬度當一個HTML元素的box-sizing為border-box時,我們增加這個元素的填充padding和邊框border的大小,元素的內(nèi)容區(qū)會變小,但是整個元素的大小會保持不變。(

A:對B:錯

答案:對用于設置圖片平鋪模式的屬性是(

)。

A:background-originB:background-positionC:background-repeatD:background-image

答案:background-repeat把元素轉(zhuǎn)換為行內(nèi)塊元素的代碼是(

)。

A:display:inlineB:display:inline-blockC:display:blockD:display:none

答案:display:inline-block

模塊四單元測試

以下文字,描述的是哪一種定位方式?對象脫離普通文檔流,使用“top”、“right”、“bottom”、“l(fā)eft”等屬性進行絕對定位,盒子的偏移位置不影響普通文檔流中的任何元素,其margin不與其他任何margin折疊。(

A:position:static;B:position:fixed;

C:position:absolute;

D:position:relative;

答案:position:absolute;

設置對象左浮動的CSS代碼是(

)。

A:text-align:left;B:left:10px;C:float:left;D:clear:left;

答案:float:left;以下哪種方式是固定定位。(

A:position:static;

B:position:fixed;C:position:absolute;D:position:relative;

答案:position:fixed;關于z-index,下列說法錯誤的是(

)。

A:對于同級元素,z-index大的元素會覆蓋z-index小的元素B:z-index的值可以是負值。C:z-index可以解決元素的覆蓋問題,決定哪個元素在上方,哪個在下方。D:z-index值越小,優(yōu)先級越高,越在上層。

答案:z-index值越小,優(yōu)先級越高,越在上層。CSS中clear的作用是(

)。

A:指明該元素的父元素周圍不可出現(xiàn)浮動元素B:指明該元素周圍不可出現(xiàn)浮動元素C:清除該元素父元素的所有樣式D:清除該元素所有樣式

答案:指明該元素周圍不可出現(xiàn)浮動元素

模塊五單元測試

“@media(max-width:500px)”指定的媒體查詢條件是(

)。

A:屏幕寬度小于500pxB:屏幕寬度大于等于500pxC:屏幕寬度小于等于500pxD:屏幕寬度大于500px

答案:屏幕寬度小于等于500px在@media媒體查詢語句中,表示“或”的邏輯操作符是(

)。

A:notB:andC:onlyD:逗號“,”

答案:逗號“,”指定設備類型僅為屏幕設備的媒體查詢語句是(

)。

A:@mediaonlyprintB:@mediaonlyscreenC:@medianotscreenD:@mediaonlyspeech

答案:@mediaonlyscreen根據(jù)Bootstrap3的建議,介于平板電腦(小屏幕)和桌面顯示器(中等屏幕)之間的響應式布局切換斷點數(shù)值是()。

A:0pxB:1200pxC:768pxD:992px

答案:992px在響應式網(wǎng)頁布局中,“移動設備優(yōu)先”策略是指:先完成PC端的CSS布局樣式,再完成移動端的CSS布局樣式。(

A:對B:錯

答案:錯可以限制元素最大寬度的屬性是(

)。

A:min-heightB:max-widthC:max-heightD:min-width

答案:max-width

模塊六單元測試

要進行彈性布局,首先要將容器的display屬性設置為(

)。

A:blockB:noneC:flexD:inline

答案:flex用于設置彈性項目(子元素)在彈性容器主軸上排列對齊方式的屬性是(

)。

A:align-itemsB:flex-directionC:justify-contentD:align-content

答案:justify-content以下屬于彈性容器屬性的是(

)。

A:justify-contentB:align-contentC:orderD:align-itemsE:flex-wrapF:align-self

答案:justify-content;align-content;align-items;flex-wrap給彈性容器添加“align-items:flex-end;”的效果是(

)。

A:子元素向側(cè)軸起始位置對齊B:子元素向側(cè)軸結(jié)束位置對齊C:子元素向側(cè)軸中間位置對齊D:子元素向側(cè)軸兩端拉伸

答案:子元素向側(cè)軸結(jié)束位置對齊將彈性容器的flex-direction屬性值設置為column后,子元素會橫向從左到右排列。(

A:對B:錯

答案:錯復合屬性flex可以一次聲明多個屬性,包括(

)。

A:orderB:flex-shrinkC:flex-growD:flex-basis

答案:flex-shrink;flex-grow;flex-basis給彈性容器中的子元素設置“flex:5”表示該子元素的擴展比率flex-grow值為5。(

A:錯B:對

答案:對當彈性容器的主軸是橫向且容器中有多個子元素時,設置“justify-content:

space-between”,可以使開頭和結(jié)尾的兩個子元素,分別緊貼在主軸的起始位置和結(jié)束位置。(

A:對B:錯

答案:對

模塊七單元測試

REM布局的優(yōu)勢,就是通過等比例縮放來實現(xiàn)屏幕適配。(

A:錯B:對

答案:對REM就是HTML根元素的字體大小。(

A:對B:錯

答案:對在頁面調(diào)用阿里巴巴手機淘寶團隊的lib-flexible庫文件之后,如果拿到的設計稿寬度是640像素,此時,在HBuilder的“px轉(zhuǎn)REM比例”設置中,應填入的數(shù)值是(

)。

A:640B:75C:64D:32

答案:64在頁面調(diào)用阿里巴巴手機淘寶團隊的lib-flexible庫文件之后,通過一臺手機訪問頁面,假設手機屏幕寬度分比率是320像素,此時,在CSS中設置的1REM,是多少像素(

)。

A:10B:75C:64D:32

答案:32在HBuilder中,將某個屬性的屬性值設置為750px,HBuilder會提示將該數(shù)值轉(zhuǎn)換為(

)。

A:10remB:由HBuilder“編輯器設置”中的“px轉(zhuǎn)REM比例”數(shù)值決定C:64remD:75rem

答案:由HBuilder“編輯器設置”中的“px轉(zhuǎn)REM比例”數(shù)值決定

模塊八單元測試

下面哪個選項不是transform屬性實現(xiàn)的變換。(

A:平移B:傾斜C:過渡

D:縮放

答案:過渡

下面實現(xiàn)2D旋轉(zhuǎn)正確的是(

)。

A:transform:translate(30)B:transform:rotate(30)C:transform:rotate(30deg)D:transform:scale(30deg)

答案:transform:rotate(30deg)應用transform屬性的scale()函數(shù)可以實現(xiàn)縮放,下面說法不正確的是(

)。

A:如果只指定一個參數(shù),那么在X軸和Y軸都縮放此參數(shù)所指定的比例B:可以只在X軸或者Y軸上進行縮放

C:參數(shù)值大于1時表示縮小元素D:當值為負數(shù)時,塊級元素會倒過來(反轉(zhuǎn))進行縮放

答案:參數(shù)值大于1時表示縮小元素下面哪個函數(shù)是用于實現(xiàn)平移的。(

A:translate()B:scale()C:rotate()D:skew()

答案:translate()要實現(xiàn)僅在X軸傾斜30度,下面正確的是(

)。

A:skewX(30deg)B:skewY(30deg)C:skew(30deg,30deg)D:skew(0,30deg)

答案:skewX(30deg)

模塊九單元測試

關于bootstrap,以下說法正確的是(

A:Bootstrap是為移動終端設計的一種框架,在電腦上是不能正常顯示

溫馨提示

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

評論

0/150

提交評論