第1題早期網(wǎng)站主要內(nèi)容是____,以圖片和文字為主,用戶使用網(wǎng)站的行為也以瀏覽為主。A靜態(tài)B動(dòng)態(tài)C交互D網(wǎng)頁互動(dòng)第2題為了促進(jìn)瀏覽器與網(wǎng)頁互動(dòng),1994年____誕生了,從此網(wǎng)頁有了一些簡單的用戶交互。AHTMLBJavaScriptCCSSDAJax第3題____的出現(xiàn)了,可以進(jìn)行網(wǎng)頁布局與美化。AAngularBVueCJavaScriptDCSS第4題____能夠根據(jù)不同的屏幕尺寸和設(shè)備類型自動(dòng)調(diào)整頁面布局和樣式。A多媒體文件鏈接B響應(yīng)式C頁面布局D交互形式第5題前端框架技術(shù)的出現(xiàn)使得開發(fā)人員能夠更好的____代碼。A組織和管理B書寫與美化C布局與優(yōu)化D整理與管理第6題三大前端主流框架____、React、Angular,受到開發(fā)者們的喜愛與追捧,也推動(dòng)了前端技術(shù)的發(fā)展和革新。AVueBJavaScripCPHPDCSS3第7題HTML5就像一個(gè)網(wǎng)頁的“建造師”,它負(fù)責(zé)把網(wǎng)頁的框架建造出來,而CSS3則是一個(gè)____,它負(fù)責(zé)把網(wǎng)頁的外觀和感覺打造出來。A“美化師”B“裝飾師”C“創(chuàng)新”D“整合”第8題前端開發(fā)從Web1.0升級(jí)到了Web2.0,從純內(nèi)容的靜態(tài)頁面,發(fā)展到了____,富交互、前端數(shù)據(jù)處理的新時(shí)期。A動(dòng)態(tài)網(wǎng)頁B段落布局C框架技術(shù)D邏輯關(guān)系第9題前端框架已經(jīng)成為Web開發(fā)的重要組成部分,在Web應(yīng)用開發(fā)、移動(dòng)應(yīng)用開發(fā)、桌面應(yīng)用開發(fā)等領(lǐng)域都有廣泛應(yīng)用。()第10題當(dāng)前隨著人工智能和大數(shù)據(jù)的發(fā)展,前端開發(fā)技術(shù)也開始與之結(jié)合,通過人工智能和大數(shù)據(jù),前端可以更好的了解用戶需求和行為,提供更個(gè)性化的服務(wù)與體驗(yàn)。()第1題在互聯(lián)網(wǎng)中,每個(gè)終端設(shè)備都有一個(gè)獨(dú)特的地址,叫做IP地址,也被稱為____。A域名B名稱C服務(wù)器D終端設(shè)備第2題當(dāng)我們使用瀏覽器上網(wǎng)時(shí),通常是通過輸入____來訪問一個(gè)網(wǎng)站。A名字B信號(hào)C域名D站點(diǎn)第3題瀏覽器作為HTTP客戶端會(huì)通過這樣一段特定的____,向WEB服務(wù)器發(fā)送所有請(qǐng)求。A信號(hào)B字符串C文檔D資源第4題瀏覽器通過一段特定的字符串,向WEB服務(wù)器發(fā)送請(qǐng)求,而這一段特定的字符串我們稱之為____。AHTTPB網(wǎng)頁C統(tǒng)一資源定位符D端口第5題____是Web中的一個(gè)核心概念。AURLB瀏覽器C參數(shù)D錨點(diǎn)第6題____用于向服務(wù)器傳遞額外的信息。A參數(shù)B虛擬路徑C服務(wù)器D數(shù)據(jù)第7題____作用,允許直接跳轉(zhuǎn)到網(wǎng)頁上的特定部分。A參數(shù)B端口C錨點(diǎn)D協(xié)議第8題當(dāng)我們提到一個(gè)URL,它就像是一封普通信件的____。A地址B協(xié)議C合同D鏈接第9題互聯(lián)網(wǎng)就像一個(gè)巨大的交通網(wǎng)絡(luò),連接著各種終端設(shè)備,讓它們可以互相交流信息。()第10題當(dāng)我們提到一個(gè)URL,它就像是一封普通信件的地址。這個(gè)地址包括了很多部分,每一部分都有其特定的意義。()1.2.2瀏覽器內(nèi)核及引擎測(cè)試第1題瀏覽器是用來檢索、展示以及____Web信息資源的應(yīng)用程序。A傳遞B輸送C傳播D鏈接第2題____開發(fā)出首個(gè)Web服務(wù)器與圖形化Web瀏覽器(“萬維網(wǎng)”)。A蒂姆·伯納斯·李B史蒂芬·威廉·霍金C奧托·格里克D伽利略第3題第一次瀏覽器大戰(zhàn),____興起。AIEB網(wǎng)景CFirefoxDgoogle第4題第二次瀏覽器大戰(zhàn),____瀏覽器推出。A網(wǎng)景BIECFirefoxDgoogle第5題第三次瀏覽器大戰(zhàn),____瀏覽器崛起。AIEBchromeC網(wǎng)景DFirefox第6題2015年4月,微軟新開發(fā)的瀏覽器____隨著Win10登場(chǎng)了。AFirefoxBEdgeCIEDwindows第7題____可以分成兩部分:渲染引擎和JS引擎。A瀏覽器B內(nèi)核C渲染D客戶端第8題____常見的可以分這四種:Trident、Gecko、Blink、Webkit。A瀏覽器B瀏覽器內(nèi)核C服務(wù)器D客戶端第9題1994年,安德森創(chuàng)立Netscape(網(wǎng)景瀏覽器)并公開發(fā)行了Netscape0.9,網(wǎng)絡(luò)瀏覽器從試驗(yàn)室走向用戶,取得了巨大成功,這也是第一次瀏覽器大戰(zhàn)的開端。()第10題內(nèi)核可以分成兩部分:渲染引擎和JS引擎。()2.1.1HTML文件結(jié)構(gòu)及語法格式測(cè)試第1題HTML的演變歷程中,歷經(jīng)五次更新到達(dá)____版本的技術(shù)迭代。AHTML4BHTML5CHTML3.2DHTML2第2題HTML主要通過標(biāo)簽對(duì)____中的文本、圖片、聲音等內(nèi)容進(jìn)行描述。A網(wǎng)頁B服務(wù)器C結(jié)構(gòu)D數(shù)據(jù)第3題HTML是一種用于創(chuàng)建Web頁面和應(yīng)用程序的____。A文本B標(biāo)記語言C語法D語言第4題一個(gè)標(biāo)準(zhǔn)的HTML文檔通常包含____、html標(biāo)簽、head標(biāo)簽和body標(biāo)簽四個(gè)。ADOCTPYE聲明B表頭C標(biāo)記D界面第5題頭部中最常用的標(biāo)記符是title和meta,其中title用于定義網(wǎng)頁的____。A布局B表單C標(biāo)題D背景第6題快捷鍵Ctrl+“/”是什么功能____。A代碼注釋B添加C刪除D收藏第7題一個(gè)標(biāo)準(zhǔn)的HTML文檔通常包含DOCTPYE聲明、html標(biāo)簽、head標(biāo)簽和body標(biāo)簽四個(gè)主要部分。()第8題要?jiǎng)?chuàng)建一個(gè)HTML文檔,必須始終從標(biāo)簽開始,標(biāo)記符說明該文件是用超文本標(biāo)記語言來描述的。()2.2.1HTML常用標(biāo)記測(cè)試第1題HTML中提供了___標(biāo)題。A8級(jí)B6級(jí)C3級(jí)D5級(jí)第2題align屬性是可選屬性,用于指定標(biāo)題的____。A段落屬性B換行C排序D對(duì)齊方式第3題____可以使相關(guān)內(nèi)容整齊劃一的顯示,分為無序列表,有序列表。A文本B列表C網(wǎng)頁D標(biāo)題第4題____屬性定義列表項(xiàng)開始編號(hào)的位置序號(hào)。AStartBtypeCaltDsrc第5題使用____標(biāo)記可以實(shí)現(xiàn)文字或者圖片的跑馬燈效果。A<embed>B<ol>C<marquee>D<li>第6題網(wǎng)頁的瀏覽器規(guī)定了____格式作為網(wǎng)頁的圖像標(biāo)準(zhǔn)。AGIF和JPEGBPNG和JPEGCTIFF和AIDPSD和CDR第7題HTML頁面中創(chuàng)建的一條水平線,標(biāo)記為____。A<hr>B<P>C<font>D<h1>第8題在HTML語言中使用標(biāo)記____在網(wǎng)頁中嵌入圖像。ABCD第9題文本、圖像、超鏈接是網(wǎng)頁的3個(gè)基本元素,其中,超鏈接是網(wǎng)頁發(fā)布信息的主要形式。()第10題在HTML語言中,src屬性和alt屬性是必需的,通過height屬性和width屬性可以調(diào)整圖片顯示大小。()2.2.2HTML超鏈接測(cè)試第1題在HTML中超鏈接是一種____。A標(biāo)記B名稱C域名D終端設(shè)備第2題按照鏈接路徑的不同,網(wǎng)頁中超鏈接一般分三種類型,下面哪個(gè)描述不準(zhǔn)確____。A內(nèi)部鏈接B錨點(diǎn)鏈接C外部鏈接D靜態(tài)鏈接第3題超鏈接是通過____標(biāo)記來表示的。ABCD第4題____是可以通過改變HTML代碼實(shí)現(xiàn)動(dòng)態(tài)變化的超鏈接。A多媒體文件鏈接B靜態(tài)超鏈接C動(dòng)態(tài)超鏈接D空鏈接第5題

____是標(biāo)記最重要的屬性。AhrefBURLCclassDstyle第6題如何在新的瀏覽器窗口中打開鏈接,我們需要在a標(biāo)記內(nèi)添加____屬性。AaltBtitleCstyleDtarget第7題互聯(lián)網(wǎng)之所以能夠稱之為“網(wǎng)”,就是因?yàn)橛衉___的存在,它是網(wǎng)站中使用非常頻繁的HTML元素。A超鏈接B端口C錨點(diǎn)D協(xié)議第8題可以通過超鏈接轉(zhuǎn)跳到當(dāng)前頁面的____。A地址B段落C指定位置D目標(biāo)第9題href是標(biāo)記最重要的屬性,它指示鏈接的目的地,是超鏈接標(biāo)記必須存在的屬性,用于鏈接目標(biāo)URL地址,用于指定頁面鏈接方式。()第10題通過超鏈接轉(zhuǎn)跳到當(dāng)前頁面的指定位置,其中href屬性指定轉(zhuǎn)跳的目標(biāo)資源路徑,配合id屬性進(jìn)行完成,在要轉(zhuǎn)跳的元素位置設(shè)定id值,通過href屬性定位轉(zhuǎn)跳。()2.2.3HTML5語義標(biāo)記擴(kuò)展測(cè)試第1題HTML5是超文本標(biāo)記語言HTML的第____版。A五B十五C二D六第2題HTML產(chǎn)生于____年。A1998B1990C1995D1993第3題HTML5技術(shù)結(jié)合了HTML4.01的相關(guān)標(biāo)準(zhǔn)并革新,符合現(xiàn)代網(wǎng)絡(luò)發(fā)展要求,于____年正式發(fā)布。A2009B2010C2008D2003第4題HTML5定義了一系列新元素,如____、智能標(biāo)記、多媒體標(biāo)記等。A新語義標(biāo)記B靜態(tài)超鏈接C動(dòng)態(tài)超鏈接D屬性標(biāo)記第5題

HTML元素的語義使用“增強(qiáng)了____、可搜索性、國際化和互操作性”。A搜索功能B可訪問性C有效交互D頁面優(yōu)化第6題語義標(biāo)記的優(yōu)勢(shì)之一,實(shí)現(xiàn)了____,對(duì)借助輔助技術(shù)的殘障訪問者也是非常友好。A搜索引擎優(yōu)化B無障礙訪問C維護(hù)代碼D添加樣式第7題在HTML中有語義元素和____。A超鏈接B文檔結(jié)構(gòu)標(biāo)簽C非語義元素D文本含義標(biāo)簽第8題語義標(biāo)記的另一個(gè)優(yōu)勢(shì)是____,網(wǎng)頁在搜索引擎中的排名會(huì)靠前。A指定位置B段落C地址D搜索引擎優(yōu)化第9題HTML5將Web帶入一個(gè)成熟的應(yīng)用平臺(tái),在這個(gè)平臺(tái)上,視頻、音頻、圖像、動(dòng)畫以及與設(shè)備的交互都進(jìn)行了規(guī)范。()第10題編寫語義標(biāo)記是關(guān)于創(chuàng)建用戶和計(jì)算機(jī)可讀的Web內(nèi)容,當(dāng)用戶和計(jì)算機(jī)都可以很好地閱讀網(wǎng)絡(luò)時(shí),它就變得更容易訪問,并且開發(fā)人員能夠更好地將不同的信息源結(jié)合到新的網(wǎng)絡(luò)服務(wù)中去。()2.3.1表格的結(jié)構(gòu)與屬性測(cè)試第1題在HTML中,____是一種用于展示數(shù)據(jù)的結(jié)構(gòu)化元素。A表格B名稱C列表D終端設(shè)備第2題表格的重要作用是用于____的頁面內(nèi)容,可以把任意的網(wǎng)頁元素存放在HTML表格的單元格中。A表格設(shè)定B排版網(wǎng)頁C表格屬性D聲明第3題表格包括____、列和單元格三個(gè)組成部分。A行B主體C表頭D分割線第4題整個(gè)表格至少需要用三個(gè)標(biāo)記來表示,分別是____、和。ABCD第5題用于聲明一個(gè)表格對(duì)象,____用于聲明一行,用于聲明一個(gè)單元格。ABCD第6題表格可以分成____、主體和表尾三個(gè)部分。A頁面B導(dǎo)航C表頭D邊框線第7題跨行和跨列功能可以分別通過單元格的____和colspan屬性實(shí)現(xiàn)。AwidthBalignCborderDrowspan第8題在HTML文檔中,____標(biāo)記用來生成和設(shè)置表格中一行的標(biāo)記。ABCD第9題表格屬于文本性對(duì)象,每個(gè)表格由若干行組成,每一行又由若干個(gè)單元格組成。()第10題整個(gè)表格至少需要用三個(gè)標(biāo)記來表示，分別是<table>、<tr>和<td>。(

)2.3.2表單的結(jié)構(gòu)與標(biāo)記第1題____是一個(gè)容器,用來收集客戶端要提交到服務(wù)器端的信息。A表單B名稱C表格D單元格第2題在一個(gè)網(wǎng)頁中可以包含____表單。A一個(gè)B多個(gè)C三個(gè)D六個(gè)第3題每一個(gè)表單有三個(gè)基本組成部分,分別是:____、表單域、表單按鈕。A表單標(biāo)記B屬性標(biāo)記C特殊標(biāo)記D表格標(biāo)記第4題表單標(biāo)記用來定義表單采集數(shù)據(jù)的范圍,其起始標(biāo)記和結(jié)束標(biāo)記分別是____。ABCD第5題

表單域包含文本框、密碼框、隱藏域、多行文本框、復(fù)選框、單選按鈕、下拉選擇框和文件上傳框等,用來收集用戶需要提交到服務(wù)器的____。A協(xié)議B信息C數(shù)據(jù)D內(nèi)容第6題action的屬性值可以是一個(gè)____或一個(gè)電子郵件地址。A網(wǎng)站BURL地址C域名D郵箱第7題method="get|post",用來指明提交表單數(shù)據(jù)到服務(wù)器所使用的____。A超鏈接B端口C傳遞方法D數(shù)據(jù)第8題在HTML中的____標(biāo)記用來定義文本框、按鈕等。AtextareaBselectCformDinput第9題表單標(biāo)記用來定義表單采集數(shù)據(jù)的范圍,其起始標(biāo)記和結(jié)束標(biāo)記分別是和,在該標(biāo)記中包含的數(shù)據(jù)將被提交到服務(wù)器或者電子郵件中。()第10題在制作HTML文件時(shí),使用標(biāo)記可以在瀏覽器窗口中設(shè)置下拉式菜單或帶有滾動(dòng)條的菜單,用戶可以在菜單中選中一個(gè)或多個(gè)選項(xiàng)。()2.3.3實(shí)操訓(xùn)練--古詩詞網(wǎng)站注冊(cè)信息頁面測(cè)試第1題創(chuàng)建一個(gè)表單使用什么標(biāo)記:____。ABCD第2題定義一個(gè)表格使用什么標(biāo)記:____。ABCD第3題標(biāo)記用來定義什么:____。A用于合并單元格B用于定義表格中的列C用于定義表格中的行D用于創(chuàng)建表格樣式第4題標(biāo)記用來定義什么:____。A美化頁面B表格中的單元格C表格結(jié)構(gòu)D表格的基本樣式第5題input標(biāo)記用來創(chuàng)建一個(gè)____。A輸入框B文本C下拉菜單D超鏈接第6題____是字符間距,可以形成一個(gè)空格。AaltB

CstyleDtarget第7題inputtype="____"定義一個(gè)密碼框。ApasswordBnameCradioDChecked第8題創(chuàng)建一個(gè)單選按鈕的代碼設(shè)置為inputtype="____"。AsubmitBcheckedCradioDreset第9題創(chuàng)建表格時(shí)包含3對(duì)HTML標(biāo)記,分別為、、,缺一不可。()第10題創(chuàng)建表單和表格創(chuàng)建標(biāo)記一致。()3.1.1CSS特點(diǎn)與引入方式測(cè)試第1題CSS的全稱是____。ACascadingSheetStyleBCascadingSystemSheetCCascadingStyleSheetsDCascadingStyleSystem第2題使用CSS后帶給我們的好處中表述不正確的是____。A表現(xiàn)和內(nèi)容分離B提高頁面瀏覽速度C易于維護(hù)和改版D外觀更好看第3題下面不屬于CSS引入方式的是____。A索引樣式B內(nèi)部樣式表C行內(nèi)樣式表D外部樣式表第4題使用內(nèi)部樣式表引入樣式表應(yīng)使用的引用標(biāo)簽是____。A<link>B<object>C<style>D<head>第5題使用外部樣式表應(yīng)使用的標(biāo)簽是____。ABC</p></div>D第6題大多數(shù)網(wǎng)頁都是遵循Web標(biāo)準(zhǔn)開發(fā)的,使用Html編寫網(wǎng)頁結(jié)構(gòu)和內(nèi)容,而相關(guān)版面布局、文本和圖片顯示樣式都是使用____控制的。AHtmlBCSSCDivDHead第7題下面哪一項(xiàng)不是Html修改樣式的缺點(diǎn)____。A維護(hù)困難B標(biāo)記不足C修改樣式靈活D書寫繁瑣,結(jié)構(gòu)臃腫第8題屬性和屬性值以“鍵值對(duì)”的形式出現(xiàn),用英文“____”連接。A;B,C:D<>第9題CSS可以實(shí)現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離。()第10題CSS樣式中的選擇器嚴(yán)格區(qū)分大小寫,而聲明不區(qū)分大小寫,按照書寫習(xí)慣一般將選擇器、聲明都采用大寫的方式。()3.1.2CSS基礎(chǔ)選擇器測(cè)試第1題所有Html語言中的標(biāo)記樣式都是通過不同的____進(jìn)行控制的。AHtml選擇器BCSS選擇器CJS選擇器D屬性選擇器第2題以下哪一個(gè)不是CSS的基礎(chǔ)選擇器____。A標(biāo)簽選擇器B類選擇器Cid選擇器D后代選擇器第3題每一個(gè)css選擇器都包含選擇器本身屬性和值,其中屬性和值可以設(shè)置____,從而實(shí)現(xiàn)對(duì)同一個(gè)標(biāo)簽聲明多種樣式。A1個(gè)B2個(gè)C3個(gè)D多個(gè)第4題想要差異化選擇不同的標(biāo)簽,單獨(dú)選一個(gè)或者某幾個(gè)標(biāo)簽,就可以用____。A標(biāo)簽選擇器B類選擇器Cid選擇器D通配符選擇器第5題想要實(shí)現(xiàn)h1標(biāo)簽內(nèi)文字修改為紅色的樣式,以下代碼書寫正確的是____。Acolor:red;Bh1{color:red;}Cstyle{color:red;}D{h1color:red;}第6題類選擇器用英文符號(hào)____來定義。A#B:C.D*第7題id選擇器用英文符號(hào)____來定義。A#B:C.D*第8題通配符選擇器用“____”號(hào)表示,它是所有選擇器中作用范圍最廣的,能匹配頁面中所有的標(biāo)簽。A#B:C.D*第9題標(biāo)簽選擇器不能設(shè)計(jì)差異化樣式,只能選擇全部的當(dāng)前標(biāo)簽。()第10題id選擇器在結(jié)構(gòu)中可以被引用多次。()3.1.3CSS復(fù)合選擇器測(cè)試第1題常用的復(fù)合選擇器不包括()。A后代選擇器B子選擇器C并集選擇器D標(biāo)簽選擇器第2題后代選擇器又稱為包含選擇器,可以選擇父元素里面的()。A子元素B父元素C所有元素D子元素和父元素第3題后代選擇器在使用時(shí)元素1和元素2中間須用()隔開。AEnterBCtrlC空格DAlt第4題子選擇器又稱為子元素選擇器,元素1和元素2中間用(

)隔開。A>B<<>C/D\第5題子選擇器又稱為子元素選擇器,只能選擇作為某元素的最近一級(jí)(

)。A父元素B子元素C所有元素D子元素和父元素第6題并集選擇器是各選擇器通過英文(

)連接而成,任何形式的選擇器都可以作為并集選擇器的一部分。A*B:C.D,第7題請(qǐng)將下面的鏈接文字修改為紅色,<div><ul><li><ahref="#">百度</a></li><li><ahref="#">百度</a></li></ul></div>。代碼書寫正確的是（）。A.nav>ul>li>a{

color:red;}B.nav,ul,li,a{

color:red;}C.navullia{

color:red;}D.nav,ul>lia{

color:red;}第8題請(qǐng)將下面代碼中的“美麗中國”文字修改為紅色。<div><ahref="#">美麗中國</a><ul><li><ahref="#">人文歷史</a></li><li><ahref="#">壯美山河</a></li></ul></div>。代碼書寫正確的是（）。A.hota{color:red;}B.hot>a{color:red;}C.hot,a{color:red;}D.hot第9題并集選擇器可以選擇多組標(biāo)簽,同時(shí)為他們定義相同的樣式,通常用于集體聲明。(

)第10題后代選擇器用來選擇后代元素,元素1和元素2之間用>隔開,實(shí)際開發(fā)中應(yīng)用較多。(

)

3.1.4偽類和偽元素測(cè)試第1題偽類是用來選擇元素的特定狀態(tài)或位置的選擇器。它們以(

)開頭,用于向特定元素應(yīng)用樣式。A#B:C.D*第2題偽元素使用“()”來標(biāo)記。A:B.C::D*第3題使用:root選擇器定義的樣式,對(duì)()頁面標(biāo)簽生效。A1個(gè)B2個(gè)C3個(gè)D所有第4題使用超鏈接的4種狀態(tài)化偽類選擇器時(shí),對(duì)排列順序是有要求的。通常按照(

)的順序書寫,否則定義的樣式可能不起作用。Aa:link、a:hover、a:visited、a:activeBa:link、a:visited、a:hover、a:activeCa:link、a:active、a:visited、a:hoverDa:link、a:hover、a:active、a:visited第5題在使用:before選擇器時(shí)必須配合(

)屬性來指定要插入的具體內(nèi)容。AFormBh1{color:red;}CContentDTransform第6題在花括號(hào)中的content屬性用來指定要插入的具體內(nèi)容,要插入的內(nèi)容既可以是文字,也可以是圖片的()。ASrcBUrlCBlurDColor第7題CSS中,以下哪個(gè)選擇器用于選擇已訪問過的元素狀態(tài)?A:hoverB:activeC:visitedDa:link第8題CSS中,以下哪個(gè)選擇器用于選擇未被訪問過的元素狀態(tài)?A:hoverB:activeC:visitedDa:link第9題偽類和偽元素是CSS中兩個(gè)常用的特殊選擇器,它們都是用來對(duì)HTML元素進(jìn)行樣式修飾的。第10題在實(shí)際工作中,通常只需要使用a:link、a:visited和a:hover定義超鏈接未訪問、訪問后和鼠標(biāo)懸停時(shí)的顯示樣式。3.2.1字體樣式屬性測(cè)試第1題CSS使用____屬性定義文本的字體系列。Afont-sizeBfont-familyCfont-weightDfont-style第2題在定義英文字體時(shí),如果英文字體名由多個(gè)單詞組成,并且單詞之間有空格,那么一定要將字體名用____引起來。A()B“”C‘’D[]第3題字號(hào)就是對(duì)文字大小屬性的控制,在css中可以使用____屬性來設(shè)置字號(hào)。Afont-sizeBfont-familyCfont-weightDfont-style第4題____是網(wǎng)頁開發(fā)中最常用的單位,簡寫為px。A英寸B厘米C點(diǎn)D像素第5題不同的瀏覽器默認(rèn)的文字大小不一樣,谷歌瀏覽器默認(rèn)的字號(hào)大小為____。A12pxB16pxC18pxD26px第6題從CSS規(guī)范的規(guī)定來說,font-weight屬性可以設(shè)置很多不同的值,從而對(duì)文字設(shè)置不同的粗細(xì),400對(duì)應(yīng)的是____。ANormalBBoldCBolderDLighter第7題font-style屬性后可以設(shè)置兩個(gè)屬性值,normal是常規(guī)默認(rèn)樣式,不傾斜。屬性值____可以設(shè)置傾斜效果。AStrongBItalicCEmDI第8題使用font復(fù)合屬性時(shí),必須按順序書寫,不能更換順序,并且各個(gè)屬性間以____隔開。AEnterB,C.D空格第9題font-weight屬性可以設(shè)置很多不同的值,從而對(duì)文字設(shè)置不同的粗細(xì),700對(duì)應(yīng)的是加粗效果。()第10題若瀏覽器在計(jì)算機(jī)上找不到第一種字體,則自動(dòng)讀取第二種字體,若第二種字體也找不到,則自動(dòng)讀取第三種字體,依次類推。如果定義的所有字體都找不到,則選用計(jì)算機(jī)系統(tǒng)的默認(rèn)字體。()3.2.2文本外觀屬性測(cè)試第1題RGB色彩模式使用RGB模型為圖像中每一個(gè)像素的RGB分量分配一個(gè)0—255范圍內(nèi)的強(qiáng)度值。比如紅色可以表示為____。A255、0、0B0、255、0C0、0、255D0、0、0第2題letter-spacing屬性用于定義字間距,字間距就是____之間的空白距離。A單詞與單詞B段落與段落C字符與字符D行與行第3題word-spacing屬性用于定義____之間的間距,對(duì)中文字符無效。A字符B行C英文單詞D段落第4題line-height屬性用于設(shè)置行間距,所謂行間距就是行與行之間的距離,即字符的____間距。A水平B垂直第5題Line-height屬性值常用的單位有三種,實(shí)際工作中使用較多的是____。A倍率B百分比C像素D英寸第6題text-transform屬性用于控制字符的____轉(zhuǎn)換。A全/半角B中/英文C單位D大小寫第7題text-decoration屬性用于設(shè)置文本的裝飾效果。____用于設(shè)置下劃線效果。ANoneBUnderlineCOverlineDline-through第8題text-align屬相僅用于塊級(jí)元素,對(duì)____元素?zé)o效。A塊級(jí)B行內(nèi)C行內(nèi)塊第9題如果需要設(shè)置圖像水平居中,可以為圖像添加一個(gè)父級(jí)標(biāo)簽,然后對(duì)父級(jí)標(biāo)簽應(yīng)用text-align屬性。()第10題text-indent屬性用于設(shè)置首行文本的縮進(jìn),其屬性值可為不同單位的數(shù)值。設(shè)置首行縮進(jìn)時(shí)不允許使用負(fù)值。()3.2.3實(shí)操訓(xùn)練--中國古詩文頁面測(cè)試第1題古文排版不同于我們平時(shí)所見的排版方式,采用____的古文排列方式。A自上而下,從左至右B自上而下,從右至左C自下而上,從右至左D自下而下,從左至右第2題____屬性用于定義文本在水平和垂直方向上的排列方式。Atext-alignBtext-decorationCWriting-modeDline-height第3題Writing-mode的屬性值可以設(shè)置垂直方向自右而左的排列方式的是____。Ahorizontal-tbBvertical-rlCvertical-lrDsideways-lr或sideways-rl第4題Writing-mode的屬性值可以設(shè)置水平方向自上而下排列方式的是____。Ahorizontal-tbBvertical-rlCvertical-lrDsideways-lr或sideways-rl第5題Writing-mode的屬性值可以設(shè)置垂直方向內(nèi)內(nèi)容從上到下,水平方向從左到右排列的是____。Ahorizontal-tbBvertical-rlCvertical-lrDsideways-lr或sideways-rl:文本在垂直方向上從下到上排列。第6題Writing-mode的屬性值可以設(shè)置文本在垂直方向上從下到上排列的是____。Ahorizontal-tbBvertical-rlCvertical-lrDsideways-lr或sideways-rl第7題如果服務(wù)器上已經(jīng)安裝好了書法字體可以直接使用,如果字體沒有安裝可以通過____使用未安裝的字體。Afont-familyBfontC@font-faceDfont-style第8題font-face規(guī)則設(shè)置好后,還需要給元素設(shè)置一下____屬性。Afont-sizeBfont-familyCfont-styleDfont-weight第9題給div父級(jí)盒子添加writing-mode屬性,設(shè)置屬性值為vertical-rl,從上而下,從右到左垂直排列。()第10題添加@font-face,花括號(hào)里添加font-family屬性,屬性值設(shè)置為書法字體的名稱。()3.3.1認(rèn)識(shí)盒子模型測(cè)試第1題以下不屬于CSS盒子內(nèi)容的是____。Aborder邊框Bpadding內(nèi)邊距Cdiv標(biāo)簽Dcontent內(nèi)容區(qū)第2題____屬性,能夠讓圖片自適應(yīng)盒子的大小。Aobject-fitBwidthCheightDbox-sizing第3題標(biāo)簽中還可以嵌套____層標(biāo)簽。A1B2C4D多第4題box-sizing的默認(rèn)值是____。Acontent-boxBborder-box第5題設(shè)置同樣的寬度值、高度值、邊框值、內(nèi)邊距和外邊距,____模型的最終呈現(xiàn)出的尺寸無論從寬度還是高度都要大。Acontent-boxBborder-box第6題盒子模型的類型是通過____來設(shè)置的。AborderBheightCwidthDbox-sizing第7題IE盒子模型對(duì)一個(gè)元素所設(shè)置的寬屬性值和高屬性值不包括____。A內(nèi)容區(qū)B內(nèi)邊距C外邊距D邊框第8題標(biāo)準(zhǔn)盒子模型對(duì)一個(gè)元素所設(shè)置的寬和高會(huì)應(yīng)用到這個(gè)元素的____。A內(nèi)容區(qū)B內(nèi)邊距C外邊距D邊框第9題內(nèi)容content是整個(gè)CSS盒子的核心內(nèi)容。()第10題如果我們把多個(gè)手機(jī)盒子放在一起,那么相鄰手機(jī)盒子之間的距離就是CSS盒子模型的內(nèi)邊距padding。()3.3.2盒子模型邊距布局控制測(cè)試第1題內(nèi)邊距屬性,以下描述不正確的是____。A也被稱為內(nèi)填充B遵循值復(fù)制原則C是元素邊框與相鄰元素之間的距離D復(fù)合屬性第2題將盒子的padding設(shè)置為5px10px,那么右內(nèi)邊距的值為____像素。A5B10第3題邊距屬性必須按照____的順時(shí)針順序去設(shè)置。A上、下、左、右B左、右、上、下C上、左、下、右D上、右、下、左第4題外邊距屬性,以下描述不正確的是____。A值可以設(shè)置為auto和像素B遵循值復(fù)制原則C不能設(shè)置為負(fù)值D復(fù)合屬性第5題width和height的屬性值,不可設(shè)置為____。AautoBlengthC百分比D負(fù)值第6題將盒子的margin設(shè)置為0px5px10px,那么下外邊距的值為____像素。A0B5C10D1第7題width和height的屬性,以下描述正確的是____。Aheight設(shè)置為auto,子元素的高度會(huì)自適應(yīng)撐滿父元素的高度B父盒子的高度不變,將寬度變窄后,子盒子的寬度跟著變窄,高度不變C屬性值不可設(shè)置為百分比Dwidth設(shè)置為auto,子元素的寬度會(huì)自適應(yīng)撐滿父元素的寬度第8題父盒子的寬度和高度不變,子盒子的width和height的屬性值均設(shè)置為100%,運(yùn)行結(jié)果是____。A出現(xiàn)重疊B不會(huì)出現(xiàn)重疊C出現(xiàn)平行D出現(xiàn)重復(fù)第9題從盒子布局穩(wěn)定性來考慮,我們優(yōu)先使用寬和高,其次是內(nèi)邊距,最后是外邊距。()第10題內(nèi)邊距的值可設(shè)置為負(fù)值。()

3.3.3盒子模型邊框?qū)傩詼y(cè)試第1題以下不屬于CSS邊框?qū)傩缘氖莀___。A邊框樣式B邊框?qū)挾菴邊框D邊框顏色第2題____屬性是邊框最重要的屬性。A邊框樣式B邊框?qū)挾菴邊框顏色第3題邊框?qū)傩员仨毎凑誣___的順時(shí)針順序去設(shè)置。A上、下、左、右B左、右、上、下C上、左、下、右D上、右、下、左第4題不適用值復(fù)制原則的屬性是____。A邊框樣式B邊框?qū)挾菴邊框D邊框顏色第5題值復(fù)制原則中,如果設(shè)置一個(gè)屬性值,那么它代表____個(gè)邊框的樣式。A1B2C3D4第6題值復(fù)制原則中,如果設(shè)置三個(gè)屬性值,那么第三個(gè)屬性值代表____邊框的屬性值被省略。A上B下C左D右第7題border-color的顏色屬性值,表示不正確的是____。AgreenB#FFA500C紅色Drgb(255,0,0)第8題border設(shè)置屬性時(shí),____不能省略。A邊框樣式B邊框?qū)挾菴邊框D邊框顏色第9題邊框是圍繞元素內(nèi)容區(qū)和內(nèi)邊距的一條或多條線,用于給元素設(shè)置邊框效果,以區(qū)分頁面中不同的盒子。()第10題寬度屬性值的常用單位為cm。()3.3.4盒子模型美化修飾測(cè)試第1題border-image屬性,以下描述不正確的是____。A可實(shí)現(xiàn)圖像作為邊框B屬于邊框?qū)傩訡單一屬性D復(fù)合屬性第2題border-image各個(gè)屬性中,唯一必須的是____。Aborder-image-sourceBborder-image-sliceCborder-image-widthDborder-image-outsetEborder-image-repeat第3題border-image-slice屬性會(huì)將圖片分割為____個(gè)區(qū)域。A6B7C8D9第4題用于指定邊框圖像向盒子外部延伸距離是____屬性。Aborder-image-sliceBborder-image-widthCborder-image-outsetDborder-image-repeat第5題box-shadow屬性的各個(gè)像素值中,____是必選參數(shù)。A像素值1和像素值2B像素值2和像素值3C像素值3和像素值4D像素值1和像素值4第6題解決背景圖像沒有顯示全的問題,我們可以設(shè)置背景圖像的____屬性。Abackground-positionBbackground-repeatCbackground-sizeDbackground-image第7題解決背景圖像出現(xiàn)重復(fù)內(nèi)容的問題,我們可以設(shè)置背景圖像的____屬性。Abackground-positionBbackground-repeatCbackground-sizeDbackground-image第8題background-position屬性值可以設(shè)置為多種類型,但不能是____。A像素值B百分比C方位關(guān)鍵字Dcontain或cover關(guān)鍵字第9題border-image-slice屬性會(huì)將圖片分割為9個(gè)區(qū)域,分別是四個(gè)角、四個(gè)邊區(qū)域和中心區(qū)域。()第10題background-size的屬性值設(shè)置為cover關(guān)鍵字時(shí),能夠把背景圖像擴(kuò)大至足夠大尺寸或縮小至足夠小尺寸,使得背景圖像完全顯示在背景區(qū)域中。()3.3.5實(shí)操訓(xùn)練--中國古詩詞名家榜測(cè)試第1題CSS的漸變屬性,起始顏色會(huì)沿著一條直線按順序過度到結(jié)束顏色的是____。A線性漸變B徑向漸變C重復(fù)漸變D方向漸變第2題使用角度值設(shè)置漸變起點(diǎn)時(shí),下列對(duì)應(yīng)關(guān)系不正確的是____。A0deg對(duì)應(yīng)tobottomB90deg對(duì)應(yīng)torightC180deg對(duì)應(yīng)totopD360deg對(duì)應(yīng)toleft第3題writing-mode屬性值中,設(shè)置左對(duì)齊文本豎向從左到右排列的是____。Avertical-rlBvertical-lrChorizontal-tbDsideways-rl第4題陰影類型用于設(shè)置內(nèi)陰影inset或外陰影outset,默認(rèn)是____屬性。A內(nèi)陰影insetB外陰影outsetCbox-shadowDcolor第5題一個(gè)盒子中設(shè)置多張背景圖像時(shí),各個(gè)屬性對(duì)多圖像的設(shè)置順序要與____屬性的設(shè)置順序保持一致。Abackground-positionBbackground-repeatCbackground-sizeDbackground-image第6題外邊距margin設(shè)置為____時(shí),元素之間會(huì)發(fā)生重疊。A像素值B百分比C負(fù)值Dauto第7題IE盒子模型下,對(duì)一個(gè)元素所設(shè)置的寬屬性值和高屬性值,不包括____。AborderBmarginCpaddingDcontent第8題父盒子的高度不變,將寬度變窄后,子盒子的寬度____,高度____。A不變不變B變窄不變C變窄變小D不變變小正確答案：CC第9題漸變角度指水平線和漸變線之間的夾角,可以是以deg為單位的角度數(shù)值或to加left、right、top和bottom關(guān)鍵詞。()第10題背景圖像的平鋪屬性設(shè)置,不能單獨(dú)設(shè)置水平方向或垂直方向。()4.1.1CSS浮動(dòng)布局測(cè)試第1題CSS____是一種用于創(chuàng)建多列布局的開發(fā)技術(shù)。A浮動(dòng)B移動(dòng)C布局D優(yōu)化第2題CSS浮動(dòng)可以讓元素在網(wǎng)頁中脫離____,從而實(shí)現(xiàn)多列布局等效果。A內(nèi)部鏈接B文檔流C布局D普通文檔流第3題脫離文檔流,是指脫離____。A普通文檔流B頁面C正常文檔流D布局結(jié)構(gòu)第4題想要改變正常文檔流,可以使用兩種方法:____。A浮動(dòng)和定位B布局和美化C行和列D框架和庫第5題在浮動(dòng)布局中,如果包含框太窄,無法容納水平排列的三個(gè)浮動(dòng)塊,那么其他浮動(dòng)塊____,直到有足夠的空間。A向下移動(dòng)B向左移動(dòng)C向右移動(dòng)D向上移動(dòng)第6題____屬性規(guī)定元素的哪一側(cè)不允許出現(xiàn)浮動(dòng)元素。AaltBclearCstyleDtarget第7題在浮動(dòng)布局中,如果多個(gè)浮動(dòng)元素放在一起,它們會(huì)____。A相互依存B相互抵消C相互輔助D相互影響第8題如果兩個(gè)相鄰的浮動(dòng)元素都被設(shè)置為float:left,右側(cè)元素可能會(huì)被左側(cè)元素覆蓋。解決這個(gè)問題,可以通過設(shè)置浮動(dòng)元素的____值來避免。AtopBmarginCclearDposition第9題浮動(dòng)布局將一個(gè)元素從正常流中移除,并向左或向右浮動(dòng),直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)元素的邊框?yàn)橹埂?)第10題使用浮動(dòng)如導(dǎo)致高度塌陷時(shí),可以使用清除浮動(dòng)或者讓父元素也浮動(dòng)。()4.1.2CSS定位布局測(cè)試第1題CSS有三種基本的定位機(jī)制:普通文檔流、浮動(dòng)和____。A地址B名稱C定位D窗口第2題利用____,可以建立列式布局,將布局的一部分與另一部分重疊。A定位屬性Bclass屬性Cstyle屬性Dhref屬性第3題定位屬性的取值可以是____、relative(相對(duì)定位)、absolute(絕對(duì)定位)、fixed(固定定位)。A<h1>B<a>C<p>Dstatic第4題靜態(tài)定位,元素的____定位方式,不受定位屬性影響,按流動(dòng)布局排列。A默認(rèn)B設(shè)定C固定D自適應(yīng)第5題相對(duì)定位,元素相對(duì)于其____進(jìn)行定位,可以通過設(shè)置top、right、bottom、left屬性來控制元素的位置。A設(shè)定的位置B原本的位置C固定的位置D自身的位置第6題絕對(duì)定位,元素相對(duì)于其最近的非靜態(tài)定位的父元素進(jìn)行定位,如果沒有非靜態(tài)定位的父元素,則相對(duì)于____元素進(jìn)行定位。AaltBbodyCstyleDtarget第7題固定定位,元素相對(duì)于____進(jìn)行定位,不隨滾動(dòng)條的滾動(dòng)而改變位置。A瀏覽器窗口B網(wǎng)頁C元素位置D層級(jí)關(guān)系第8題z-index屬性設(shè)置一個(gè)定位元素沿____的位置,z軸定義為垂直延伸到顯示區(qū)的軸。Az軸BY軸C指定位置D指定區(qū)域第9題利用定位屬性,可以建立列式布局,將布局的一部分與另一部分重疊,這種方法可以完成原來需要使用多個(gè)表格才能完成的任務(wù),這種使用CSS定位的優(yōu)異之處。()第10題在實(shí)際項(xiàng)目開發(fā)中,使用絕對(duì)定位布局時(shí)往往需要結(jié)合相對(duì)定位進(jìn)行更細(xì)致的布局控制。()4.1.3背景樣式測(cè)試第1題當(dāng)設(shè)置background-position屬性時(shí),使用center值意味著:____。A背景圖片顯示在最頂部B背景圖片居中顯示C背景圖片顯示在最左邊D背景圖片顯示在右下角第2題如果想要背景圖片從元素的右側(cè)開始顯示,應(yīng)設(shè)置background-position的值為:___。ArightcenterBrighttopCrightDrightbottom第3題要設(shè)置背景圖片不重復(fù),應(yīng)使用哪個(gè)屬性值____。ArepeatBno-repeatCrepeat-xDrepeat-y第4題以下哪個(gè)屬性可以設(shè)置背景圖片的位置:____。Abackground-positionBpositionCbg-positionDbackground-place第5題在CSS中,以下哪個(gè)屬性可以用來設(shè)置背景圖片的大小____。Abg-sizeBsizeCbackground-sizeDbackground-dimension第6題若要讓背景圖片固定在元素中不隨滾動(dòng)條滾動(dòng),應(yīng)使用哪個(gè)屬性值:____。AfixedBscrollCstaticDabsolute第7題在CSS中,以下哪個(gè)屬性用于設(shè)置背景圖片與元素邊框之間的空間____。Abackground-paddingBbackground-spacingCbackground-clipDbackground-origin第8題如何通過CSS讓背景圖片始終覆蓋整個(gè)元素區(qū)域,即使元素的大小改變____。Abackground-adapt:true;Bbackground-stretch:full;Cbackground-fill:all;Dbackground-size:cover;第9題background-repeat屬性可以設(shè)置為repeat-x來使背景圖片僅在水平方向上重復(fù)。()第10題background-size屬性可以設(shè)置背景圖片的大小,但無法使其完全覆蓋元素的整個(gè)區(qū)域。()4.1.4顏色漸變測(cè)試第1題線性漸變中,哪個(gè)關(guān)鍵字用于指定漸變的方向從上到下____。AtotopBtobottomCtoptobottomDvertical第2題如何創(chuàng)建一個(gè)從左上角到右下角的對(duì)角線漸:____。Alinear-gradient(torightbottom,red,blue);Blinear-gradient(45deg,red,blue);Clinear-gradient(diagonal,red,blue);Dlinear-gradient(torighttop,red,blue);第3題在線性漸變中,如何指定顏色停止的位置:____。A使用百分比B使用像素值C使用顏色名稱D使用關(guān)鍵字第4題如何創(chuàng)建一個(gè)從中心向外擴(kuò)散的圓形漸變____。Abackground:red-to-yellow-circle-gradient;Bbackground:gradient(circle,red,yellow);Cbackground:circular-gradient(red,yellow);Dbackground:radial-gradient(circle,red,yellow);第5題漸變中,顏色停止點(diǎn)之間是如何過渡的：____。A線性過渡B突然變化C平滑過渡D階梯過渡第6題漸變可以應(yīng)用于哪些CSS屬性:____。A僅background-colorBbackground-image和border-imageC任何接受顏色值的屬性D僅background第7題哪個(gè)CSS函數(shù)用于創(chuàng)建重復(fù)線性漸變:____。Arepeating-linear-gradient()Blinear-repeating-gradient()Cgradient-repeating-linear()Drepeating-gradient-linear()第8題CSS中哪個(gè)屬性用于控制漸變的方向:____。Agradient-directionBdirectionCgradientD通過漸變函數(shù)中的角度或關(guān)鍵字來控制第9題CSS的漸變效果只能用于背景顏色,不能用于其他屬性。()第10題CSS漸變是CSS3新增的特性,所有瀏覽器都支持。()4.1.5彈性布局測(cè)試第1題Flex布局是CSS3新增的哪種布局方式:___。A網(wǎng)格布局B彈性布局C多列布局D定位布局第2題Flex容器中的子項(xiàng)默認(rèn)是:___。A塊級(jí)元素B行內(nèi)元素C彈性元素D表格元素第3題如flex-shrink屬性的默認(rèn)值是:___。A0B1CautoDnone第4題在Flex布局中,哪個(gè)屬性用于控制子項(xiàng)在主軸上的縮放比例:___。Aflex-growBflex-shrinkCflex-basisDflex-flow第5題在CSSFlex布局中,容器的哪個(gè)屬性決定了子項(xiàng)是沿著水平方向還是垂直方向排列:___。Aflex-directionBflex-wrapCjustify-contentDalign-items第6題若要使Flex子項(xiàng)不換行,應(yīng)設(shè)置容器的哪個(gè)屬性:___。Aflex-direction:nowrap;Bflex-wrap:nowrap;Calign-items:nowrap;Djustify-content:nowrap;第7題在Flex容器中,要使子項(xiàng)兩端對(duì)齊,中間間隔相等,應(yīng)使用哪個(gè)屬性:___。Ajustify-content:space-between;Balign-items:space-between;Cflex-direction:space-between;Dflex-wrap:space-between;第8題在Flex布局中,子項(xiàng)的flex屬性是以下哪幾個(gè)屬性的簡寫:___。Aflex-grow和flex-shrinkBflex-grow、flex-shrink和flex-basisCflex-direction和flex-wrapDalign-items和justify-content第9題在Flex容器中,flex-direction屬性用于設(shè)置主軸的方向,默認(rèn)為水平方向。()第10題在Flex布局中,如果子元素的flex-shrink屬性設(shè)置為0,那么當(dāng)容器空間不足時(shí),該子元素不會(huì)被縮小。()4.1.6主軸和交叉軸測(cè)試第1題在Flex布局中,以下哪個(gè)屬性用于設(shè)置主軸的方向:____。Aflex-directionBalign-itemsCjustify-contentDflex-wrap第2題flex-direction屬性值為row時(shí),主軸的方向是:____。A垂直B水平C對(duì)角線D任意第3題flex-direction屬性值為column時(shí),主軸的方向是:____。A水平B垂直C對(duì)角線D任意第4題justify-content屬性是用于在哪個(gè)軸上對(duì)齊子元素的:____。A主軸B交叉軸C任意軸D都不是第5題align-items屬性是用于在哪個(gè)軸上對(duì)齊子元素的:____。A主軸B交叉軸C任意軸D都不是第6題當(dāng)align-items的值為center時(shí),子元素在交叉軸上的對(duì)齊方式是:____。A頂部對(duì)齊B底部對(duì)齊C居中對(duì)齊D兩端對(duì)齊第7題在Flex布局中,如果交叉軸為垂直方向,子元素使用padding-left屬性會(huì)影響其在哪個(gè)軸上的大小:____。A主軸B交叉軸C不影響D取決于其他屬性第8題在Flex布局中,哪個(gè)屬性可以同時(shí)控制子元素在主軸和交叉軸上的對(duì)齊方式:____。Aalign-itemsBjustify-contentCplace-itemsDflex第9題Flex布局中,主軸的方向可以通過justify-content屬性來設(shè)置。()第10題在Flex布局中,子元素的margin屬性不會(huì)影響其在交叉軸上的位置。()4.1.7排序控制測(cè)試第1題在CSS中,哪個(gè)屬性用于控制Flex子項(xiàng)的排列順序:____。AorderBflexCalign-itemsDjustify-content第2題在Flex容器中,元素的order屬性值越大,其排序位置會(huì)____。A越靠前B越靠后C不變D無法確定第3題在Flex布局中,若想要某個(gè)元素總是排在最后,應(yīng)該設(shè)置其order屬性為:____A正無窮大B負(fù)無窮大C一個(gè)非常大的正數(shù)D一個(gè)非常小的負(fù)數(shù)第4題order屬性接受哪種類型的值來指定排序:____。A字符串B整數(shù)C像素值D顏色值第5題當(dāng)Flex容器中的多個(gè)子項(xiàng)具有相同的order值時(shí),它們的順序由什么決定:____。A子項(xiàng)在HTML中的順序B子項(xiàng)的z-index值C子項(xiàng)的flex-grow值D子項(xiàng)的flex-shrink值第6題在Flex布局中,子項(xiàng)的order屬性值越小,則它的排列位置越____。A靠前B靠后C不變D無法確定第7題如何使Flex子項(xiàng)按照逆序排列:____。A設(shè)置flex-direction:row-reverseB設(shè)置order為負(fù)值C使用reverse關(guān)鍵字在flex屬性中D設(shè)置justify-content:flex-end第8題z-index屬性在CSS中用于控制什么:____。A元素的寬度B元素的堆疊順序C元素的顏色D元素的透明度第9題z-index僅能在定位元素上奏效(例如position:absolute;)。()第10題z-index屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。()4.1.8實(shí)操訓(xùn)練--《中華詩詞曲賦》網(wǎng)站主頁布局設(shè)計(jì)測(cè)試第1題在HTML頁面中,哪個(gè)標(biāo)簽用于引入外部CSS文件?A</p></div>BC</p></div>D第2題如何為元素設(shè)置文字居中排布?Aalign:center;Btext-align:center;Cjustify-content:center;Dtext-justify:center;第3題在CSS中,哪個(gè)屬性用于設(shè)置元素之間的間距?AmarginBpaddingCspaceDgap第4題html中的標(biāo)簽產(chǎn)生的的下劃線如何去除?Atext-decoration:none;Bunderline:none;Ctext-style:none;Dlink-decoration:none;第5題在CSS中,哪個(gè)屬性用于將元素設(shè)置為彈性容器?Adisplay:block;Bdisplay:inline;Cdisplay:flex;Ddisplay:grid;第6題在HTML中,哪個(gè)標(biāo)簽用于引入標(biāo)題?A到B</p></div>CD第7題在CSS中,哪個(gè)屬性用于設(shè)置元素的背景顏色?Abackground-colorBbg-colorCcolorDfill-color第8題正文中的子模塊上層結(jié)構(gòu)引入圖片通常使用哪個(gè)HTML標(biāo)簽?ABCD第9題在CSS中,如何設(shè)置元素的邊框、圓角和背景色?Aborder,border-radius,background-colorBoutline,corner-radius,bg-colorCframe,curve,bgDedge,round,background第10題要使塊級(jí)元素橫向排版,通常使用CSS中的哪個(gè)屬性?Afloat:inline-blockBdisplay:noneCdisplay:flexDposition:absolute第11題在頁面布局中,要使塊級(jí)元素橫向排版,我們只能使用彈性容器。()第12題在HTML中,標(biāo)簽可以用來表示頁頭層。()4.2.1響應(yīng)式設(shè)計(jì)認(rèn)知測(cè)試第1題早期設(shè)計(jì)網(wǎng)頁時(shí),頁面內(nèi)容常常只考慮一個(gè)什么樣的屏幕大小()A變動(dòng)的B固定的C大小不一的D無限大的第2題響應(yīng)式設(shè)計(jì)的概念是因?yàn)槭裁炊鴳?yīng)運(yùn)而生的()A傳統(tǒng)的固定布局無法適應(yīng)不同的設(shè)備和屏幕尺寸B用戶對(duì)網(wǎng)頁設(shè)計(jì)的需求日益增長C網(wǎng)頁設(shè)計(jì)技術(shù)的進(jìn)步D設(shè)計(jì)師的創(chuàng)新思維第3題響應(yīng)式web設(shè)計(jì)的目的是什么()A提高網(wǎng)頁加載速度B提高網(wǎng)頁的美觀程度C允許Web頁面根據(jù)不同的屏幕寬度自動(dòng)調(diào)整布局和視覺效果D提高用戶的瀏覽體驗(yàn)第4題在早期,設(shè)計(jì)網(wǎng)站時(shí)有哪兩種主流方式()A流式布局和固定寬度頁面B響應(yīng)式布局和固定寬度頁面C流式布局和響應(yīng)式布局D固定寬度頁面和響應(yīng)式布局第5題“響應(yīng)式設(shè)計(jì)”這個(gè)詞是誰在2010年首度提出的()A卡梅倫·亞當(dāng)斯B吉倫沃特CEthanMarcotte(伊森·馬科特)D喬布斯第6題響應(yīng)式設(shè)計(jì)結(jié)合了哪三種技術(shù)?()A液態(tài)網(wǎng)格、液態(tài)圖像和媒體查詢BJavaScript、CSS和HTMLC流式布局、固定寬度頁面和媒體查詢D液態(tài)網(wǎng)格、JavaScript和CSS第7題響應(yīng)式設(shè)計(jì)在現(xiàn)代Web開發(fā)中非常重要的原因是什么?()A有助于提高網(wǎng)站的搜索引擎可見性B降低維護(hù)成本C讓網(wǎng)站在各種設(shè)備上都能提供一致的用戶體驗(yàn)D所有以上的答案第8題現(xiàn)代web前端開發(fā)中響應(yīng)式布局需要達(dá)到哪些目標(biāo)?()A提供一致的用戶體驗(yàn)B適應(yīng)各種設(shè)備和屏幕尺寸C優(yōu)化搜索引擎排名D所有以上的答案第9題響應(yīng)式Web設(shè)計(jì)是一種單獨(dú)的技術(shù),而不是一種描述Web設(shè)計(jì)的方式或一組最佳實(shí)踐的詞匯。()第10題響應(yīng)式設(shè)計(jì)的目標(biāo)是提供一致、良好且跨設(shè)備的用戶體驗(yàn),而其原則則是確保設(shè)計(jì)的靈活性和適應(yīng)性,同時(shí)注重性能優(yōu)化、可訪問性和一致性。()4.2.2虛擬視口與媒體查詢測(cè)試第1題響應(yīng)式布局可以實(shí)現(xiàn)一個(gè)頁面在大屏幕和手機(jī)屏幕上的什么?()A自動(dòng)適配B自動(dòng)滾動(dòng)C自動(dòng)放大D自動(dòng)縮小第2題要完成頁面自動(dòng)適配,我們首先需要掌握哪兩個(gè)技術(shù)點(diǎn)?()AHTML和CSSBJavaScript和HTMLCCSS和JavaScriptD虛擬視口以及媒體查詢第3題虛擬視口就像一個(gè)什么,能夠?qū)⒕W(wǎng)頁內(nèi)容渲染到一個(gè)比實(shí)際屏幕更寬的“窗口”中?()A虛擬的電腦B虛擬的放大鏡C虛擬的手機(jī)D虛擬的電視第4題這行代碼設(shè)置了什么的屬性?()AHTMLBCSSC視口(viewport)DJavaScript第5題CSS媒體查詢是響應(yīng)式Web設(shè)計(jì)的什么部分?()A關(guān)鍵部分B附加部分C可選部分D不重要的部分第6題我們?cè)贑SS中可以指定的媒體類型主要有幾個(gè)?()A3個(gè)B4個(gè)C5個(gè)D6個(gè)第7題針對(duì)在屏幕設(shè)備上(如計(jì)算機(jī)、手機(jī)、平板電腦等)顯示某一個(gè)樣式效果,其媒體查詢的媒體類型應(yīng)該用哪個(gè)?()AscreenBprintCspeechDAll第8題如果我們?cè)O(shè)計(jì)的頁面需要在其中設(shè)計(jì)專門可以為盲人提供播報(bào)形式的服務(wù),其媒體查詢的媒體類型應(yīng)該用哪個(gè)?()AscreenBprintCspeechDAll第9題虛擬視口的好處在于它能夠讓那些原本不是為移動(dòng)設(shè)備優(yōu)化的網(wǎng)頁在窄屏設(shè)備上也能得到良好的展示。()第10題響應(yīng)式布局只能實(shí)現(xiàn)一個(gè)頁面在大屏幕上的自動(dòng)適配。()4.2.3媒體查詢的邏輯條件測(cè)試第1題在CSS中,通過什么規(guī)則可以實(shí)現(xiàn)媒體查詢:____。A@styleB@mediaC@linkD@query第2題在HTML中,哪個(gè)標(biāo)簽可以添加media屬性:____。ABCD第3題在CSS中,我們可以通過使用什么規(guī)則為不同條件設(shè)置不同的樣式規(guī)則:____。A@importB@font-faceC@keyframesD@media第4題邏輯運(yùn)算符“and”在媒體查詢中的作用是什么:____。A否定一個(gè)媒體查詢B將多個(gè)媒體查詢規(guī)則黏合起來C將多個(gè)媒體查詢組合在一起,形成一個(gè)列表D只有當(dāng)整個(gè)媒體查詢完全匹配時(shí),才會(huì)允許應(yīng)用對(duì)應(yīng)的樣式第5題邏輯運(yùn)算符“not”在媒體查詢中的作用是什么:____。A否定一個(gè)媒體查詢B將多個(gè)媒體查詢規(guī)則黏合起來C將多個(gè)媒體查詢組合在一起,形成一個(gè)列表D只有當(dāng)整個(gè)媒體查詢完全匹配時(shí),才會(huì)允許應(yīng)用對(duì)應(yīng)的樣式第6題邏輯運(yùn)算符“only”在媒體查詢中的作用是什么:____。A否定一個(gè)媒體查詢B將多個(gè)媒體查詢規(guī)則黏合起來C將多個(gè)媒體查詢組合在一起,形成一個(gè)列表D只有當(dāng)整個(gè)媒體查詢完全匹配時(shí),才會(huì)允許應(yīng)用對(duì)應(yīng)的樣式第7題逗號(hào)在媒體查詢中的作用是什么:____。A否定一個(gè)媒體查詢B將多個(gè)媒體查詢規(guī)則黏合起來C將多個(gè)媒體查詢組合在一起,形成一個(gè)列表D只有當(dāng)整個(gè)媒體查詢完全匹配時(shí),才會(huì)允許應(yīng)用對(duì)應(yīng)的樣式第8題min-width在媒體查詢中的作用是什么:____。A檢測(cè)設(shè)備的屏幕最小寬度B檢測(cè)設(shè)備的屏幕最大寬度C檢測(cè)設(shè)備的屏幕最小高度D檢測(cè)設(shè)備的屏幕最大高度第9題max-width在媒體查詢中的作用是什么____。A檢測(cè)設(shè)備的屏幕最小寬度B檢測(cè)設(shè)備的屏幕最大寬度C檢測(cè)設(shè)備的屏幕最小高度D檢測(cè)設(shè)備的屏幕最大高度第10題在一個(gè)css文件中可以寫多少個(gè)@media規(guī)則:____。A只能寫一個(gè)B可以寫兩個(gè)C可以寫三個(gè)D可以寫多個(gè)第11題媒體查詢只能寫在HTML文件中,不能寫在外置css文件中。()第12題當(dāng)媒體查詢中的設(shè)備類型與實(shí)際使用的設(shè)備相符,并且所有設(shè)定的特性條件也都滿足時(shí),這條媒體查詢就被認(rèn)為是“成立”的。()4.2.4響應(yīng)計(jì)算與CSS相對(duì)長度單位測(cè)試第1題在CSS中,哪種單位表示的是絕對(duì)長度單位:____。ApxB%CemDrem第2題在CSS中,除了像素(),還有哪些絕對(duì)長度單位:____。A厘米(cm)B毫米(mm)C四分之一毫米(Q)D以上都是第3題當(dāng)我們?cè)O(shè)置元素的寬度為50%時(shí),這意味著什么:____。A元素的寬度是其父元素寬度的50%B元素的寬度是瀏覽器視口寬度的50%C元素的寬度是其自身高度的50%D元素的寬度是屏幕寬度的50%第4題在CSS中,em單位是基于什么來計(jì)算的:____。A父元素的字體大小B瀏覽器的默認(rèn)字體大小CHTML根元素的字體大小D屏幕的分辨率第5題在CSS中,如果希望一個(gè)元素的寬度能隨著其父元素的寬度變化而變化,應(yīng)該使用哪種單位:____。ApxBcmC%Dpt第6題當(dāng)瀏覽器顯示縮放比例發(fā)生變化時(shí),以下哪個(gè)單位的實(shí)際尺寸可能會(huì)改變:____。ApxBcmCemDrem(假設(shè)根元素字體大小未變)第7題在打印樣式中,____單位通常被用來定義長度。ApxBmmC%Dem第8題在默認(rèn)情況下,瀏覽器的根元素()的字體大小是多少:____。A12pxB14pxC16pxD20px第9題如果一個(gè)元素的字體大小設(shè)置為2em,其父元素的字體大小為16px,那么這個(gè)元素的字體大小是多少:____。A2pxB16pxC32pxD64px第10題在CSS中,如果根元素()的字體大小被設(shè)置為20px,一個(gè)元素使用了1rem作為字體大小,那么這個(gè)元素的字體大小應(yīng)該是多少:____。A10pxB20pxC30pxD40px第11題rem單位是基于瀏覽器視口的大小來計(jì)算的。()第12題在高分辨率顯示屏上,一個(gè)CSS像素可能由多個(gè)物理像素來渲染。()4.2.5實(shí)操訓(xùn)練--《中華詩詞曲賦》網(wǎng)站的響應(yīng)式設(shè)計(jì)測(cè)試第1題在進(jìn)行響應(yīng)式布局設(shè)計(jì)時(shí),以下____不是用來判斷設(shè)備類型的。A使用CSS媒體查詢B檢查用戶代理字符串C使用JavaScript進(jìn)行設(shè)備檢測(cè)D查看瀏覽器歷史記錄第2題在CSS中,object-fit:cover;的作用是什么:____。A放大圖片以填充元素B保持圖片比例,并可能裁剪圖片以填充元素C縮小圖片以適應(yīng)元素D使圖片居中對(duì)齊第3題當(dāng)進(jìn)行響應(yīng)式布局時(shí),如何改變一個(gè)元素在不同屏幕尺寸下的樣式:____。A使用JavaScript改變?cè)氐念惷鸅在HTML中為每個(gè)元素添加多個(gè)style屬性C使用CSS媒體查詢D為每個(gè)屏幕尺寸創(chuàng)建一個(gè)單獨(dú)的HTML文件第4題在響應(yīng)式設(shè)計(jì)中,彈性容器的主軸排布方向可以通過CSS屬性____設(shè)置。Aflex-directionBjustify-contentCalign-itemsDflex-wrap第5題在CSS中,em單位是基于____來計(jì)算的。A視口寬度B父元素的字體大小C瀏覽器的默認(rèn)字體大小D屏幕的分辨率第6題在響應(yīng)式設(shè)計(jì)中,為了讓圖片在不同屏幕尺寸下保持適當(dāng)?shù)谋壤吞畛浞绞?應(yīng)該使用哪個(gè)CSS屬性:____。Awidth和heightBmax-width和heightCwidth和object-fitDobject-fit和object-position第7題在CSS媒體查詢中,用于判斷視口寬度的屬性是____。Amax-device-widthBmin-widthCviewport-widthDscreen-width第8題在響應(yīng)式設(shè)計(jì)中,當(dāng)頁面寬度變小時(shí),導(dǎo)航欄通常如何變化:____。A導(dǎo)航欄文字變大B導(dǎo)航欄變?yōu)閳D標(biāo)形式C導(dǎo)航欄固定在頂部不動(dòng)D導(dǎo)航欄消失第9題在CSS中,flex:1;的含義是什么:____。A彈性元素占據(jù)所有可用空間B彈性元素占據(jù)其父元素的一半空間C彈性元素平均分配空間D彈性元素收縮到最小尺寸第10題在響應(yīng)式設(shè)計(jì)中,關(guān)于圖片的處理,以下哪個(gè)說法是錯(cuò)誤的:____。A圖片應(yīng)該總是設(shè)置為視口寬度的100%B可以使用object-fit屬性保持圖片比例C在不同設(shè)備尺寸上,可能需要設(shè)置不同的圖片尺寸D圖片的加載時(shí)間對(duì)響應(yīng)式設(shè)計(jì)很重要第11題在響應(yīng)式設(shè)計(jì)中,我們總是需要為不同的設(shè)備創(chuàng)建單獨(dú)的CSS文件。()第12題使用object-fit:cover;可以確保圖片始終填充其容器,但可能會(huì)裁剪圖片的一部分。()5.1.1JavaScript作用與使用方法測(cè)試第1題下列選項(xiàng)中,可以實(shí)現(xiàn)JavaScript代碼多行注釋的是____。AB//C/**/D#第2題以下語句中,屬于JavaScript輸入語句的是____。Aconsole.log()Bprompt()Calert()Ddocument.write()第3題如果要通過查看控制臺(tái)查看運(yùn)行結(jié)果,需要使用____。Aconsole.log()Bprompt()Calert()Ddocument.write()第4題嵌入式使用____標(biāo)簽包裹JavaScript代碼,直接編寫到HTML文件中。ABCD第5題下列選項(xiàng)中,____不是JavaScript的引入方式。A行內(nèi)式B嵌入式C外鏈?zhǔn)紻行外式第6題下列選項(xiàng)中,____不是JavaScript的組成部分。AECMAScriptBDOMCBOMDDIV第7題下面可以用來對(duì)瀏覽器進(jìn)行操作,實(shí)現(xiàn)頁面刷新、頁面跳轉(zhuǎn)的是____。AECMAScriptBDOMCBOMDDIV第8題JavaScript可以用來實(shí)現(xiàn)的效果不包括____。A自動(dòng)切換圖片B地圖的放大C檢查用戶填寫的內(nèi)容格式D控制網(wǎng)站的外觀和樣式第9題JavaScript主要用來開發(fā)交互式網(wǎng)頁。()第10題多行注釋中可以嵌套單行注釋。()5.2.1運(yùn)算符和表達(dá)式測(cè)試第1題12%8運(yùn)算結(jié)果是____。A3B4C8D0第2題a=5,b=a++,則計(jì)算完之后,a=____。()A5B6C7D8正確答案：BB第3題a=6,b=7,c=a+b,則c結(jié)果為____。()A’67’B67C’13’D13正確答案：DD第4題下列選項(xiàng)中不屬于比較運(yùn)算符的是____。()A==B===C!==D=正確答案：DD第5題下列選項(xiàng)中不屬于賦值運(yùn)算符的是____。()A+=B-=C==D/=正確答案：CC第6題若a=true,以下表達(dá)式結(jié)果肯定為假的是____。()A!aBa&&bCa||bD(!a)||b正確答案：AA第7題有三元表達(dá)式msg=a>15?’長度大于15’:’長度不大于15’,若a=15,則最終msg的結(jié)果為____。()A’長度大于15’B’長度不大于15’C’長度等于15’DFalse正確答案：BB第8題以下表達(dá)式結(jié)果為false的是____。()A5==’5’B5===’5’C5!==’5’D5=’5’正確答案：BB第9題表達(dá)式是一組代碼的集合,每個(gè)表達(dá)式的執(zhí)行結(jié)果都是一個(gè)值。()第10題按位與時(shí)兩個(gè)二進(jìn)制位都是1時(shí),該位的運(yùn)算結(jié)果為0。()5.2.2流程控制語句測(cè)試第1題下列選項(xiàng)中,____不屬于常見的流程控制結(jié)構(gòu)。A順序結(jié)構(gòu)B選擇結(jié)構(gòu)C跳轉(zhuǎn)語句D循環(huán)結(jié)構(gòu)第2題下列選項(xiàng)中,不屬于選擇結(jié)構(gòu)的語句是____。Aif語句Bif...else語句Cswitch語句Dwhile語句第3題下列選項(xiàng)中,不屬于循環(huán)結(jié)構(gòu)的語句是____。Awhile語句Bfor語句Cswitch語句Ddo...while語句第4題____語句可以實(shí)現(xiàn)結(jié)束整個(gè)循環(huán)。AbreakBcontinueCjumpDgoto第5題以下關(guān)于選擇結(jié)構(gòu)說法錯(cuò)誤的是____。A選擇結(jié)構(gòu)指的是根據(jù)語句中的條件進(jìn)行判斷,進(jìn)而執(zhí)行與條件相對(duì)應(yīng)的代碼BIf語句是單分支語句CIf...elseif...else多分支結(jié)構(gòu)能解決的問題,switch語句也可以解決DIf...else是雙分支語句,當(dāng)滿足條件時(shí)執(zhí)行一個(gè)分支,否則執(zhí)行另一個(gè)分支第6題以下關(guān)于循環(huán)說法錯(cuò)誤的是____。A循環(huán)語句由循環(huán)體和循環(huán)條件兩部分組成B循環(huán)次數(shù)已知時(shí),可選擇for語句完成循環(huán)C一般情況下要注意避免出現(xiàn)死循環(huán)Dwhile循環(huán)至少會(huì)執(zhí)行一次循環(huán)體第7題關(guān)于for循環(huán)的執(zhí)行順序正確的是____。①初始化變量②判斷條件表達(dá)式是否成立③條件成立,執(zhí)行循環(huán)體④執(zhí)行操作表達(dá)式,進(jìn)入下一次循環(huán)A①②③④B④①②③C①②④③D①③②④第8題對(duì)于下屬代碼,最終輸出的結(jié)果為____。A5B6C7D陷入死循環(huán)第9題順序結(jié)構(gòu)是最簡單的,只要按照解決問題的順序?qū)懗鱿鄳?yīng)的語句就行,它的執(zhí)行順序是自上而下,依次執(zhí)行。()第10題while語句和do...while語句沒有什么區(qū)別,可以實(shí)現(xiàn)同樣的循環(huán)功能。()5.2.3數(shù)據(jù)類型測(cè)試第1題下列選項(xiàng)中,屬于非法變量名的是____。AmyNameB$priceCconstDstr_name第2題下列選項(xiàng)中,不屬于基本數(shù)據(jù)類型的是____。ABooleanBobjectCstringDnull第3題下列選項(xiàng)中,使用Boolean()可以將其轉(zhuǎn)換為true的是____。A0BnullCundefinedD10第4題下列選項(xiàng)中轉(zhuǎn)換結(jié)果是NaN的是____。AparseInt(13)BparseFloat(13)CNumber(false)DNumber(undefined)第5題下列選項(xiàng)中能實(shí)現(xiàn)將數(shù)據(jù)轉(zhuǎn)換為字符串型數(shù)據(jù)的是____。AString()Btostring()CStringTo()Dstr()第6題利用____可以進(jìn)行數(shù)據(jù)類型檢測(cè)。Atypeof()Btype()Ctypeis()Distype()第7題關(guān)于變量的定義,以