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

下載本文檔

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

文檔簡介

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

超文本標(biāo)記語言的簡稱是?(

)。

A:JAVASCRIPTB:JAVAC:CSSD:HTML

答案:HTML

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

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

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

)。

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

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

)。

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

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

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

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

)。

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

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

)。

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

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

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">以下哪些標(biāo)簽應(yīng)該在HTML文檔的頭部(head標(biāo)簽內(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能選擇段落的所有標(biāo)題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標(biāo)簽用于定義內(nèi)部樣式表?(

)。

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

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

A:錯B:對

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

)。

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

答案:*

模塊三單元測試

要設(shè)置HTML元素的文字大小,應(yīng)選擇的屬性是(

)。

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

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

)。

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

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

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

)。

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

答案:左上CSS標(biāo)準(zhǔn)盒模型由如下部分構(gòu)成(

)。

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

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

A:對B:錯

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

)。

A:8pxB:3pxC:0px

D:10px

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

)。

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

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

A:對B:錯

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

)。

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”等屬性進(jìn)行絕對定位,盒子的偏移位置不影響普通文檔流中的任何元素,其margin不與其他任何margin折疊。(

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

C:position:absolute;

D:position:relative;

答案:position:absolute;

設(shè)置對象左浮動的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;關(guān)于z-index,下列說法錯誤的是(

)。

A:對于同級元素,z-index大的元素會覆蓋z-index小的元素B:z-index的值可以是負(fù)值。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:逗號“,”

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

)。

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

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

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

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

A:對B:錯

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

)。

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

答案:max-width

模塊六單元測試

要進(jìn)行彈性布局,首先要將容器的display屬性設(shè)置為(

)。

A:blockB:noneC:flexD:inline

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

)。

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屬性值設(shè)置為column后,子元素會橫向從左到右排列。(

A:對B:錯

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

)。

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

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

A:錯B:對

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

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

A:對B:錯

答案:對

模塊七單元測試

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

A:錯B:對

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

A:對B:錯

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

)。

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

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

)。

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

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

)。

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

答案:由HBuilder“編輯器設(shè)置”中的“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)應(yīng)用transform屬性的scale()函數(shù)可以實現(xiàn)縮放,下面說法不正確的是(

)。

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

C:參數(shù)值大于1時表示縮小元素D:當(dāng)值為負(fù)數(shù)時,塊級元素會倒過來(反轉(zhuǎn))進(jì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)

模塊九單元測試

關(guān)于bootstrap,以下說法正確的是(

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

溫馨提示

  • 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)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論