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

下載本文檔

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

文檔簡介

Web前端開發(fā)基礎(chǔ)知到章節(jié)測試答案智慧樹2023年最新廣西機(jī)電職業(yè)技術(shù)學(xué)院第一章測試

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

)。

參考答案:

HTML

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

參考答案:

<h1>

表示超鏈接的HTML標(biāo)簽是?(

)。

參考答案:

<a>

表示無序列表的HTML標(biāo)簽是?(

)。

參考答案:

<ul>

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

參考答案:

<td>

HTML5中用于定義文檔內(nèi)文章的標(biāo)簽是?(

)。

參考答案:

<article>

表示表單的HTML標(biāo)簽是?(

)。

參考答案:

<form>

以下代碼,正確表示表單中的復(fù)選框的是?(

參考答案:

<inputtype="checkbox">

以下代碼,正確表示表單中只能輸入數(shù)字輸入框的是?(

參考答案:

<inputtype="number">

以下哪些標(biāo)簽應(yīng)該在HTML文檔的頭部(head標(biāo)簽內(nèi))出現(xiàn)?(

)。

參考答案:

<style>;<meta>;<title>

第二章測試

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

)。

參考答案:

.my_title

表示后代選擇器(包含選擇符)的CSS代碼是?(

)。

參考答案:

#menua

能選擇段落的所有標(biāo)題1子元素(不包括孫輩元素)的CSS代碼是?(

)。

參考答案:

p>h1

下列哪一項(xiàng)是CSS正確的語法構(gòu)成?(

)。

參考答案:

body{color:blue;}

哪個HTML標(biāo)簽用于定義內(nèi)部樣式表?(

)。

參考答案:

<style></style>

id選擇器樣式表的優(yōu)先級高于類選擇器。(

參考答案:

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

)。

參考答案:

*

第三章測試

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

)。

參考答案:

font-size

以下表示設(shè)置文字顏色的CSS代碼,正確的有(

)。

參考答案:

color:#f00;color:#ff0000;color:red

text-shadow屬性用于設(shè)置文本的陰影。“text-shadow:-3px-3px10px#000;

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

)。

參考答案:

左上

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

)。

參考答案:

填充padding;邊框border;內(nèi)容content;外邊距(邊界)margin

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

參考答案:

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

)。

參考答案:

8px

把百分比作為元素的padding屬性值時,該百分比的計(jì)算是基于(

)。

參考答案:

父元素的寬度

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

參考答案:

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

)。

參考答案:

background-repeat

把元素轉(zhuǎn)換為行內(nèi)塊元素的代碼是(

)。

參考答案:

display:inline-block

第四章測試

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

參考答案:

position:absolute;

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

)。

參考答案:

float:left;

以下哪種方式是固定定位。(

參考答案:

position:fixed;

關(guān)于z-index,下列說法錯誤的是(

)。

參考答案:

z-index值越小,優(yōu)先級越高,越在上層。

CSS中clear的作用是(

)。

參考答案:

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

第五章測試

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

)。

參考答案:

屏幕寬度小于等于500px

在@media媒體查詢語句中,表示“或”的邏輯操作符是(

)。

參考答案:

逗號“,”

指定設(shè)備類型僅為屏幕設(shè)備的媒體查詢語句是(

)。

參考答案:

@mediaonlyscreen

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

參考答案:

992px

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

參考答案:

可以限制元素最大寬度的屬性是(

)。

參考答案:

max-width

第六章測試

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

)。

參考答案:

flex

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

)。

參考答案:

justify-content

以下屬于彈性容器屬性的是(

)。

參考答案:

align-items;flex-wrap;align-content;justify-content

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

)。

參考答案:

子元素向側(cè)軸結(jié)束位置對齊

將彈性容器的flex-direction屬性值設(shè)置為column后,子元素會橫向從左到右排列。(

參考答案:

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

)。

參考答案:

flex-grow;flex-basis;flex-shrink

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

參考答案:

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

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

參考答案:

第七章測試

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

參考答案:

REM就是HTML根元素的字體大小。(

參考答案:

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

)。

參考答案:

64

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

)。

參考答案:

32

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

)。

參考答案:

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

第八章測試

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

參考答案:

過渡

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

)。

參考答案:

transform:rotate(30deg)

應(yīng)用transform屬性的scale()函數(shù)可以實(shí)現(xiàn)縮放,下面說法不正確的是(

)。

參考答案:

參數(shù)值大于1時表示縮小元素

下面哪個函數(shù)是用于實(shí)現(xiàn)平移的。(

參考答案:

translate()

要實(shí)現(xiàn)僅在X軸傾斜30度,下面正確的是(

)。

參考答案:

skewX(30deg)

第九章測試

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

參考答案:

Bootstrap依賴于jQuery,因此如果沒有jquery的文件,則bootstrap的效果也不能在頁面呈現(xiàn)出來。

下面可以實(shí)現(xiàn)列偏移的類是(

參考答案:

.offset-md-*

模態(tài)框提供了哪些尺寸(

參考答案:

modal-smmodal-lg

要使用bootstrap的樣式和插

溫馨提示

  • 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

提交評論