【MOOC】Web前端開發(fā)-北京林業(yè)大學 中國大學慕課MOOC答案

【MOOC】Web前端開發(fā)-北京林業(yè)大學中國大學慕課MOOC答案隨堂測驗1、【判斷題】web系統(tǒng)前端是指系統(tǒng)中用戶接觸到的部分。本題答案：【正確】2、【判斷題】web系統(tǒng)后端主要負責完成系統(tǒng)功能，包括數(shù)據(jù)存取、系統(tǒng)安全等。本題答案：【正確】3、【判斷題】網(wǎng)頁對應著的源文件包含一些代碼，而瀏覽器可以解析這些代碼，呈現(xiàn)出來。本題答案：【正確】隨堂測驗1、【單選題】以下關于瀏覽器的描述錯誤的是：本題答案：【不同瀏覽器廠商的瀏覽器，一定有不同的內(nèi)核。】2、【單選題】以下哪一項是一個HTML元素：本題答案：【title歡迎來到課程首頁/title】3、【判斷題】只有文字可以進行超鏈接的設置，而圖片不可以。本題答案：【錯誤】4、【判斷題】網(wǎng)頁的導航欄是超鏈接的集合，可以由此進入不同版塊或頁面。本題答案：【正確】5、【判斷題】網(wǎng)站中的網(wǎng)頁是邏輯相關的，可以通過超鏈接的方式被組織在一起。本題答案：【正確】隨堂測驗1、【單選題】以下說法錯誤的是（）。本題答案：【如果只使用HTML而不使用CSS，網(wǎng)頁是不可能有樣式的。】2、【多選題】關于內(nèi)容、結(jié)構(gòu)和表現(xiàn)說法正確的是（）。本題答案：【內(nèi)容是頁面?zhèn)鬟_信息的基礎#表現(xiàn)使得內(nèi)容的傳達變得更加明晰和方便#內(nèi)容就是網(wǎng)頁實際要傳達的信息，包括文本、圖片、音樂、視頻、數(shù)據(jù)、文檔等】3、【多選題】關于web標準以下說法正確的是（）。本題答案：【W(wǎng)eb標準是一個復雜的概念集合，它由一系列標準組成#Web標準可以分為3個方面#Web標準里的表現(xiàn)標準語言主要包括CSS】4、【判斷題】HTML是超文本標記語言，是制作網(wǎng)頁的標準語言。本題答案：【正確】5、【判斷題】CSS負責網(wǎng)頁的結(jié)構(gòu)，JavaScript負責網(wǎng)頁的行為，也就是跟用戶的一些交互。本題答案：【錯誤】6、【判斷題】w3c組織制定關于web技術(shù)的一些標準，例如HTML、CSS、JS等。本題答案：【正確】1.概論單元測試1、【單選題】web前端開發(fā)中的“web”指的是：本題答案：【web系統(tǒng)】2、【單選題】以下哪個概念或者哪種功能屬于“前端”：本題答案：【web系統(tǒng)中以網(wǎng)頁等形式為用戶提供的部分，用戶能接觸到的部分】3、【單選題】以下關于網(wǎng)頁源文件的敘述不正確的是：本題答案：【網(wǎng)頁源文件客戶端是看不到的】4、【單選題】以下關于web前端開發(fā)技術(shù)標準敘述不正確的是：本題答案：【技術(shù)標準是由W3School組織提供的】5、【單選題】以下不是網(wǎng)頁的頁面元素的是：本題答案：【網(wǎng)頁源文件】6、【單選題】以下說法中，錯誤的是：本題答案：【所有網(wǎng)頁的擴展名都是.htm】7、【單選題】以下說法中，錯誤的是：本題答案：【網(wǎng)頁就是主頁】8、【單選題】下列關于HTML語言描述不正確的是：本題答案：【HTML是指超文本鏈接語言，用超鏈接將網(wǎng)頁組織在一起】9、【判斷題】后端部分是對普通用戶不可見的，例如從數(shù)據(jù)庫中讀取數(shù)據(jù)。本題答案：【正確】10、【判斷題】Web前端開發(fā)技術(shù)中HTML是用來完成網(wǎng)頁內(nèi)容的，CSS是用來設置樣式的。本題答案：【正確】隨堂測驗1、【單選題】網(wǎng)頁是由HTML語言來實現(xiàn)的，HTML語言是（）。本題答案：【超文本標記語言】2、【單選題】HTML文檔中的元素分為()兩部分。本題答案：【內(nèi)容文本、標簽】3、【單選題】以下關于HTML標簽敘述錯誤的是：本題答案：【標簽和其屬性構(gòu)成了HTML元素】4、【判斷題】HTML的標簽一定是成對出現(xiàn)的，否則無法完成嵌套關系。本題答案：【錯誤】5、【判斷題】HTML不區(qū)分大小寫。本題答案：【正確】6、【判斷題】所有HTML標簽都有開始標簽和結(jié)束標簽構(gòu)成。本題答案：【錯誤】隨堂測驗1、【單選題】關于HTML說法錯誤的是（）。本題答案：【HTML標簽的嵌套結(jié)構(gòu)可以描述成一個網(wǎng)狀結(jié)構(gòu)】2、【單選題】下面語句中，（）將HTML頁面的標題設置為“HTML練習”本題答案：【titleHTML練習/title】3、【單選題】字符與編碼說法錯誤的是（）。本題答案：【編碼方式有很多種，ASCII編碼包含了所有語言文字中出現(xiàn)的字符】4、【單選題】為了標識一個HTML文件，應該使用的標簽（）。本題答案：【html/html】5、【多選題】以下不是!DOCTYPE元素作用的是（）。本題答案：【該元素用來聲明命名空間#該元素用來向搜索引擎聲明網(wǎng)站關鍵字#該元素用來向搜索引擎聲明網(wǎng)站作者】6、【判斷題】Unicode編碼與UTF-8編碼都涵蓋了所有語言文字本題答案：【正確】7、【判斷題】網(wǎng)頁源文件本身的編碼方式與瀏覽器解讀的編碼方式如果不同，就會出現(xiàn)亂碼。本題答案：【正確】隨堂測驗1、【單選題】表示水平分割線線的HTML代碼是：本題答案：【hr/】2、【單選題】下面標記中，（）在標記的位置添加一個回車符。本題答案：【br/】3、【單選題】創(chuàng)建最小的標題的文本標簽是：本題答案：【h6/h6】4、【單選題】在HTML中，標記pre的作用是()。本題答案：【預排版標簽】5、【判斷題】默認情況下，h1標簽的文字字號，要遠小于h6標簽。本題答案：【錯誤】6、【判斷題】HTML的注釋語句格式為：/**/。本題答案：【錯誤】隨堂測試1、【單選題】超鏈接基本語法是：本題答案：【ahref=URL.../a】2、【單選題】超文本標記語言ahref=“http://www．cctv．com”央視國際/a的作用是：本題答案：【創(chuàng)建一個指向央視國際網(wǎng)站的超鏈接】3、【單選題】以下說法正確的是：本題答案：【a標簽的href屬性用于指定要鏈接的地址】4、【判斷題】a標簽可以跳轉(zhuǎn)到外部站點的頁面，例如跳轉(zhuǎn)到新浪網(wǎng)首頁，可以寫如下代碼：ahref=新浪首頁/a本題答案：【錯誤】隨堂測驗1、【單選題】有關網(wǎng)頁中的圖像的說法不正確的是：本題答案：【HTML語言可以直接描述圖像上的像素】2、【單選題】假如要將圖片文件asrlogo.jpg插入頁面，并為該圖片、設置提示文字為”ASROutfittersLogo”.下面語句正確的是：本題答案：【＜imgsrc=asrlogo.jpgalt=ASROutfittersLogo＞】3、【單選題】如果圖片不能正常顯示，錯誤的原因可能是：本題答案：【引用圖片的路徑不對】4、【單選題】在網(wǎng)頁中添加一個圖片的HTML代碼是：本題答案：【imgsrc=″圖片路徑及文件名″】5、【單選題】若要在頁面中創(chuàng)建一個圖形超鏈接，要顯示的圖形為myhome.jpg,所鏈接的地址為,以下用法中，正確的是：本題答案：【ahref=””imgsrc=”myhome.jpg”/a】6、【單選題】以下說法中，錯誤的是：本題答案：【只有GIF格式才能使用透明色】隨堂測驗1、【單選題】無序列表的HTML代碼是（）本題答案：【ulli.../li/ul】2、【單選題】設置圍繞表格的邊框?qū)挾鹊腍TML代碼是:本題答案：【tableborder=】3、【單選題】定義表行的HTML是：本題答案：【tr】4、【單選題】定義表頭的HTML是：本題答案：【th】5、【單選題】表示區(qū)域的標簽是：本題答案：【div】隨堂測驗1、【單選題】在HTML中,formaction=?,action表示：本題答案：【提交的URL地址】2、【單選題】增加表單的輸入框的HTML代碼是：本題答案：【inputtype=text】3、【單選題】增加表單的復選框的HTML代碼是：本題答案：【inputtype=checkbox】4、【單選題】增加表單的文本域的HTML代碼是：本題答案：【textareaname=textarea/textarea】5、【單選題】增加表單的密碼域的HTML代碼是：本題答案：【inputtype=password】2.HTML基礎單元作業(yè)2.HTML基礎單元測驗1、【單選題】HTML文件中，下面（）標簽中包含了網(wǎng)頁的全部內(nèi)容。本題答案：【body…/body】2、【單選題】用HTML標記語言編寫一個簡單的網(wǎng)頁，網(wǎng)頁最基本的結(jié)構(gòu)是：本題答案：【htmlhead…/headbody…/body/html】3、【單選題】以下說法中，正確的是：本題答案：【多個br標簽可以產(chǎn)生多個空行】4、【單選題】以下標記符中，沒有對應的結(jié)束標記的是：本題答案：【br】5、【單選題】以下說法中，錯誤的是：本題答案：【在HTML中，可以用hr標簽產(chǎn)生空行】6、【單選題】以下描述將圖像作為鏈接的形式正確的是：本題答案：【＜ahref=””＞＜imgsrc=logo.gif＞＜/a＞】7、【單選題】已知services.html與text.html在同一站點文件夾site中。text.html位于site根下，但文檔services.html在site子文件夾information中。現(xiàn)要求在text.html文檔中編寫一個超鏈接，鏈接到文檔services.html。下面語句正確的是：本題答案：【ahref=information/services.htmlLink/a】8、【單選題】以下說法中，錯誤的是：本題答案：【JPEG格式的圖象具有透明色的特點】9、【單選題】根據(jù)以下的HTML代碼：htmlheadtitle表格/titleheadbodytableborder=1trtd1/tdtd2/td/trtrtd3/td/tr/table/body/html對以上代碼，以下描述正確的是：本題答案：【1和2的表格在同一行】10、【單選題】以下有關列表的說法中，錯誤的是：本題答案：【在創(chuàng)建列表時，il標簽用于創(chuàng)建有序列表】11、【單選題】要創(chuàng)建一個1行2列的表格，下面語句正確的是:本題答案：【＜table＞＜tr＞＜td＞單元格1＜/td＞＜td＞單元格2＜/td＞＜/tr＞＜/table＞】12、【單選題】meta元素的作用是:本題答案：【meta元素用于指定關于HTML文檔的信息】13、【單選題】語句A：HTML文檔必須包括“頭”和“主體”兩部分語句B：HTML文檔的擴展名為.htm或.html以下說法正確的是：本題答案：【只有B對】14、【單選題】HTML中，用什么方法可以將段落內(nèi)容在頁面中居中：本題答案：【align=center】15、【單選題】A文件夾與B文件夾是同級文件夾，其中A下有a.htm，B下有b.htm文件，現(xiàn)在我們希望在a.htm文件中創(chuàng)建超鏈接，鏈接到b.htm，應該在a.htm頁面代碼中如何描述鏈接內(nèi)容：本題答案：【../B/b.htm】16、【單選題】我們想要在HTML文檔中加入圖像，可以使用哪個標記來達到要求：本題答案：【img】17、【單選題】想要在頁面中加入一個分區(qū)，可以使用哪些HTML標簽來描述：本題答案：【div】18、【單選題】下列的HTML中哪個可以產(chǎn)生超鏈接：本題答案：【ahref=W3Schools/a】19、【單選題】以下選項中，哪個全部都是表格標簽：本題答案：【tabletrtd】20、【單選題】下列的HTML中哪個可以產(chǎn)生復選框：本題答案：【inputtype=checkbox】21、【判斷題】HTML語言是指超文本標記語言，超文本，是超出文本范圍的其他形式、內(nèi)容更豐富的文本。本題答案：【錯誤】22、【判斷題】表單元素需要放在表單域里面，單選按鈕需要用radio標簽實現(xiàn)。本題答案：【錯誤】隨堂測驗1、【單選題】CSS是（）的縮寫。本題答案：【CascadingStyleSheets】2、【單選題】下列（）是定義樣式表的正確格式。本題答案：【body{color:black}】3、【單選題】下列（）是定義樣式表中的注釋語句。本題答案：【/*注釋語句*/】4、【多選題】關于CSS基本語法說法正確的是（）。本題答案：【屬性必須要包含在{}號之中#當有多個屬性設置時，用“；”進行區(qū)分】5、【判斷題】CSS樣式的選擇器可以是標簽的名字。本題答案：【正確】6、【判斷題】有了CSS樣式，就可以做到使內(nèi)容與樣式分離，便于分別修改。本題答案：【正確】隨堂測驗1、【單選題】表示內(nèi)嵌樣式的元素是（）。本題答案：【style】2、【單選題】如果要在不同的網(wǎng)頁中應用相同的樣式表定義，應該（）。本題答案：【通過一個外部樣式表文件定義樣式表】3、【單選題】引用外部樣式表的格式是（）。本題答案：【linkrel=stylesheettype=text/csshref=mystyle.css】4、【單選題】引用外部樣式表的元素應該放在（）。本題答案：【在head元素中】5、【單選題】外部樣式表文件可以由以下哪個標簽導入（）。本題答案：【link】6、【多選題】關于樣式表的優(yōu)先級說法正確的是（）。本題答案：【直接定義在標簽上的CSS樣式級別最高#內(nèi)部樣式表優(yōu)先級低于行內(nèi)樣式#外部樣式表級低于內(nèi)部樣式】7、【判斷題】CSS樣式添加的方式有三種，分別是行內(nèi)樣式、內(nèi)嵌樣式、外部樣式表鏈接樣式。本題答案：【正確】8、【判斷題】CSS行內(nèi)樣式添加的時候，采用的是style標簽進行添加。本題答案：【錯誤】9、【判斷題】CSS行內(nèi)樣式只對當前元素起作用。本題答案：【正確】10、【判斷題】CSS內(nèi)嵌樣式用CSS定義樣式，然后在HTML部分引用這種樣式。本題答案：【正確】隨堂測驗1、【單選題】樣式表定義#title{color:red}表示（）。本題答案：【網(wǎng)頁中某一個id為title的元素中的內(nèi)容是紅色的】2、【單選題】樣式表定義.outer{background-color:red}表示（）。本題答案：【網(wǎng)頁中含有class=”outer”元素的背景色是紅色的】3、【單選題】CSS中的選擇器不包括（）。本題答案：【超文本標記選擇器】4、【單選題】下列哪種方式是用類選擇器定義樣式的（）。本題答案：【.one{color:red;}】5、【單選題】以下關于class和id的說法錯誤的是（）。本題答案：【id和class只是在寫法上有區(qū)別，在應用和意義上沒有區(qū)別】6、【單選題】下面選項中是合法的類樣式的是（）。本題答案：【.word】隨堂測驗1、【單選題】下列選項中不屬于CSS文本屬性的是（）。本題答案：【font-size】2、【單選題】下列（）表示p元素中的字體是粗體。本題答案：【p{font-weight:bold}】3、【單選題】下列哪個css屬性可以更改字體大?。ǎ１绢}答案：【font-size】4、【單選題】下列哪個css屬性能夠更改文本字體（）。本題答案：【font-family】5、【單選題】下列樣式定義字體為宋體、字體顏色為紅色、斜體、大小20px、粗細800號，正確的定義是（）。本題答案：【p{font-family:宋體;font-size:20px;font-weight:800;color:red;font-style:italic;}】6、【單選題】下面代碼使用HTML元素的id屬性，將樣式應用于網(wǎng)頁上的某個段落：pid="firstp"這是第一個段落/p以下關于樣式規(guī)則定義正確的是（）。本題答案：【styletype=text/css#firstp{color:red}/style】隨堂測驗1、【單選題】下列（）表示a元素中的內(nèi)容沒有下劃線。本題答案：【a{text-decoration:none}】2、【單選題】下面哪個CSS屬性是用來更改背景顏色的（）。本題答案：【background-color】3、【單選題】怎樣給所有的h1標簽添加背景顏色（）。H、h1.all{background-color:I、FFFFFF}本題答案：【h1{background-color:#FFFFFF;}】4、【單選題】如下所示的這段CSS樣式代碼，定義的樣式效果是（）。a:active{color:#000000;}H、000000顏色本題答案：【活動鏈接是#000000顏色】5、【單選題】a:link表示超鏈接文字在（）時的狀態(tài)。本題答案：【初始狀態(tài)】6、【單選題】a:hover表示超鏈接文字在（）時的狀態(tài)。本題答案：【鼠標放上去】隨堂測驗1、【單選題】在CSS語言中下列哪一項是列表項標號圖象的語法（）。本題答案：【list-style-image:值】2、【單選題】下列（）表示列表項符號是小方塊。本題答案：【list-style-type:square】3、【多選題】list-style-position的取值包括（）。本題答案：【inside#outside】4、【多選題】list-style-type屬性敘述正確的是（）。本題答案：【可以設置列表項目標號類型。#對無序列表有效。#對有序列表有效?！?、【多選題】以下對列表的描述，哪個是正確的（）。本題答案：【list-style-type#list-style-position#list-style-image:url】6、【判斷題】如果設置table標簽的border屬性，默認可以看到兩層邊框線。本題答案：【正確】7、【判斷題】可以使用table-collapse屬性將表格邊框和單元格邊框重合在一起顯示。本題答案：【錯誤】3.CSS樣式單元作業(yè)3.CSS樣式單元測驗1、【單選題】下列哪段代碼能夠定義所有p標簽內(nèi)文字加粗（）。本題答案：【p{font-weight:bold}】2、【單選題】如何去掉文本超級鏈接的下劃線（）。本題答案：【a{text-decoration:none}】3、【單選題】有內(nèi)部樣式表定義如下：styletype=text/cssp{color:red;font-size:15px;}/style同時，有HTML代碼如下所示：pstyle=background-color:gray;color:blue;ptext/p段落中的文本”ptext“的最終顯示效果是（）。本題答案：【藍色文本，字體大小為15px，背景色為灰色】4、【單選題】查看如下樣式定義：.A.B{font-weight:bold;}下列選項中，文本加粗顯示的是（）。本題答案：【pclass=Aaclass=B文本/a/p】5、【單選題】關于CSS定義的說法錯誤的是（）。本題答案：【樣式定義時屬性和屬性之間用空格分隔】6、【單選題】關于樣式表的優(yōu)先級說法不正確的是（）。本題答案：【外部樣式表級別最低】7、【單選題】使用link元素調(diào)用CSS的語法中，以下哪個屬性是用來指定CSS文件的路徑的（）。本題答案：【href】8、【單選題】下列哪種方式是用類選擇器定義樣式的（）。本題答案：【.one{color:red}】9、【單選題】根據(jù)以下的CSS代碼：h1{color:limegreen;font-family:aria}可以知道（）。本題答案：【{}部分是對H1這個選擇器的樣式的內(nèi)容】10、【單選題】閱讀下面代碼，段落標簽p內(nèi)文本最終顯示的顏色是（）。styletype="text/css"body{color:#333;}#text{color:#f00;}.content{color:#00f;}.gray{color:#666;}/style......pid="text"class="contentgray"錦瑟無端五十弦，一弦一柱思華年。/pH、333本題答案：【#f00】11、【單選題】在HTML頁面中，調(diào)用外部樣式表的方法是（）。本題答案：【linkrel=stylesheettype=text/csshref=外部樣式表地址/】12、【單選題】（）樣式表一般用于大型網(wǎng)站。本題答案：【鏈接外部】13、【單選題】在HTML中，下面（）不屬于HTML文檔的基本組成部分。本題答案：【style/stytle】14、【單選題】在HTML的body區(qū)域的某處有一段代碼tablestyle=″color:red;font-size:10pt″，此為（）。本題答案：【行內(nèi)樣式表】15、【單選題】下面選項中（）應用了行內(nèi)樣式。本題答案：【pstyle=color:red;】16、【單選題】下列代碼段是某頁面的樣式設置：styletype=text/css.blue{color:blue}.red{color:red}/style現(xiàn)要求將頁面中的第一個h1標題設置為紅色，第一個段落設置為藍色。下列代碼正確的是（）。本題答案：【h1class=red第一個標題h1pclass=blue第一個段落】17、【單選題】以下關于奇偶選擇器論述正確的是（）。tr:nth-child(odd){color:red;}本題答案：【表格奇數(shù)行，文字顏色為紅色】18、【單選題】以下可以用于設置列表標號是一個圖片的代碼是（）。本題答案：【list-style-image:url(pic.jpg)】19、【單選題】以下關于背景樣式描述正確的是（）。本題答案：【背景圖片使用background-image設置，背景顏色使用background-color設置】20、【單選題】以下關于超鏈接樣式敘述正確的是（）。本題答案：【可以分別設置四種不同狀態(tài)下的超鏈接樣式】21、【判斷題】CSS行內(nèi)樣式的優(yōu)先級高于外部樣式表鏈接樣式，如果有對屬性的重復設置，行內(nèi)樣式會覆蓋掉外部樣式表的樣式。本題答案：【正確】22、【判斷題】超鏈接如果四種狀態(tài)下做統(tǒng)一設置，則只需要定義選擇器名稱為a的樣式即可。本題答案：【正確】隨堂測驗1、【判斷題】盒子模型中的盒子，可以是任何頁面元素。本題答案：【正確】2、【判斷題】盒子模型中的盒子是可以逐層嵌套的。本題答案：【正確】3、【判斷題】CSS進行布局與定位，首先用盒子將元素大小、邊距等信息確定下來，然后用定位方式?jīng)Q定盒子的位置。本題答案：【正確】4、【判斷題】定位機制分為三種：盒子定位、文檔流定位、浮動定位。本題答案：【錯誤】隨堂測驗1、【單選題】下列（）表示上邊框線寬10px，下邊框線寬5px，左邊框線寬20px，右邊框線寬1px。本題答案：【border-width:10px1px5px20px】2、【單選題】在CSS語言中下列哪一項是左邊框的語法（）。本題答案：【border-left:值】3、【多選題】CSS中，盒模型的屬性包括（）。本題答案：【border#padding#margin】4、【多選題】下列哪些是設置有關邊框的屬性（）。本題答案：【border-color#border-style#border-width】5、【多選題】以下哪個選項是設置邊框的（）。本題答案：【border-bottom#border-top#border-left#border-right】6、【判斷題】盒子模型中，邊框的屬性是可以分為4個方向分別設置的。本題答案：【正確】7、【判斷題】溢出盒子的部分，可以使用overflow屬性，將其設置為hidden隱藏起來。本題答案：【正確】隨堂測試1、【單選題】下列哪個屬性能夠設置盒模型的左側(cè)外邊距（）。本題答案：【margin-left】2、【單選題】下列哪個CSS屬性能夠設置盒子模型的內(nèi)邊距為10、20、30、40、（順時針方向）()。本題答案：【padding:10px20px30px40px】3、【單選題】閱讀下面HTML代碼，兩個div之間的垂直空白距離是（）。styletype=text/css.header{margin:10px;border:1pxsolid#f00;}.container{margin:15px;border:1pxsolid#f00;}/style......divclass=header/divdivclass=container/div本題答案：【15px】4、【單選題】閱讀下面CSS代碼，下面選項中與該代碼段效果等同的是（）。.box{margin:10px5px;margin-right:10px;margin-top:5px;}本題答案：【.box{margin:5px10px10px5px;}】5、【單選題】利用以下什么代碼可以設置div區(qū)域的水平居中（）。本題答案：【div{margin:100pxauto}】6、【判斷題】文字、圖片、div區(qū)域水平居中，都可以使用text-align:center進行設置。本題答案：【錯誤】7、【判斷題】margin:1px2px1px3px;可以縮寫成margin:1px2px3px;本題答案：【錯誤】隨堂測試1、【判斷題】浮動定位通過float屬性設置來實現(xiàn)。本題答案：【正確】2、【判斷題】默認定位方式就是文檔流定位。本題答案：【正確】3、【判斷題】層定位通過postion屬性來設定。本題答案：【正確】4、【判斷題】對于一個盒子，文檔流定位、浮動定位、層定位只能選擇其中一個。本題答案：【錯誤】5、【判斷題】層定位是可以將盒子像圖層一樣處理，有前后層疊順序。本題答案：【正確】隨堂測驗1、【單選題】下列哪個樣式定義后,行級元素可以定義寬度和高度()。本題答案：【display:block】2、【單選題】以下()是HTML常用的塊狀標簽。本題答案：【h1】3、【判斷題】塊狀元素在網(wǎng)頁中就是以塊的形式顯示，所謂塊狀就是元素顯示為矩形區(qū)域，常用的塊狀元素包括div\h1-h6\p\ul。本題答案：【正確】4、【判斷題】默認情況下，塊狀元素都會占據(jù)一行，通俗地說，兩個相鄰塊狀元素不會出現(xiàn)并列顯示的現(xiàn)象；默認情況下塊狀元素會按順序自上而下排列。本題答案：【正確】5、【判斷題】塊狀元素都不可以定義自己的寬度和高度。本題答案：【錯誤】6、【判斷題】塊狀元素可以作為其他元素的容器，它可以容納其他行內(nèi)元素和其他塊狀元素。本題答案：【正確】隨堂測驗1、【單選題】clear屬性取值說法正確的是()。本題答案：【取值為both表示清除兩側(cè)浮動】2、【單選題】float屬性說法不正確的是（）。本題答案：【該屬性可以用于盒子層疊】3、【判斷題】浮動元素在文檔流中的原位置依然保留。本題答案：【錯誤】4、【判斷題】利用float屬性將3個div盒子水平排列，可以將3個盒子都設置float:right。本題答案：【正確】5、【判斷題】如果一個父元素的所有子元素都浮動起來，則這個父元素默認高度坍縮為0。本題答案：【正確】隨堂測驗1、【單選題】如果要將網(wǎng)頁中的兩個div對象制作為重疊效果，（）。本題答案：【利用樣式表定義中的z-index屬性】2、【單選題】以下哪個選項是對對象進行定位的（）。本題答案：【position】3、【單選題】position屬性取值（）表示固定定位。本題答案：【fixed】4、【單選題】position屬性取值（）表示相對定位。本題答案：【relative】5、【判斷題】position屬性設定，表示定位的參照物是哪個元素；而定位位置則由top,bottom,left,right的取值決定。本題答案：【正確】6、【判斷題】通常將父元素設置為絕對定位，子元素設置為相對定位，就可以將子元素相對于父元素定位了。本題答案：【錯誤】4.CSS定位與布局單元作業(yè)4.CSS定位與布局單元測驗1、【單選題】下面關于CSS的說法錯誤的有（）。本題答案：【margin屬性不能同時設置四個邊的邊距】2、【單選題】下列屬性哪一個能夠?qū)崿F(xiàn)層的隱藏（）。本題答案：【display:none】3、【單選題】有樣式定義如下：div.parent{width:100px;height:70px;border:1pxsolidgray;}div.child{width:80px;height:30px;border:1pxsolidblack;background-color:silver;}同時，有html代碼如下所示：bodydivclass=parentdivclass=child1/divdivclass=childstyle=position:absolute;top:15px;2/div/div/body第二個div在頁面上的最終位置是（）。本題答案：【其上邊框距離body元素為15px距離】4、【單選題】關于float描述錯誤的是（）。本題答案：【可以設置為float:center】5、【單選題】以下哪個選項是設置底邊框的（）。本題答案：【border-bottom】6、【單選題】以下關于CSS+DIV布局中關于盒子模型說法錯誤的是（）。本題答案：【填充、邊框和邊界和內(nèi)容區(qū)域都分為上、下、左、右四個方向，既可以分別定義，也可以統(tǒng)一定義】7、【單選題】在CSS中，為頁面中的某個div標簽設置樣式div{width:200px;padding:020px;border:5pxsolidblack;}，則該標簽的實際寬度為（）。本題答案：【250px】8、【單選題】可以利用什么標記構(gòu)建網(wǎng)頁布局（）。本題答案：【div】9、【單選題】下列元素中，是行內(nèi)元素的是（）。本題答案：【span】10、【單選題】采用DIV+CSS設計頁面布局，錯誤的是（）。本題答案：【其他都不對】11、【單選題】閱讀下面HTML代碼，兩個div水平之間的空白距離是（）。styletype=text/cssdiv{float:left;width:100px;height:200px;margin:5px;}/style......div/divdiv/div......本題答案：【10px】12、【單選題】查看如下html代碼：divstyle=float:left;divtext/divpstyle=clear:left;ptext/p此代碼在頁面上的顯示效果為（）。本題答案：【div中的文本和p中的文本分兩行顯示，且文本左對齊】13、【單選題】層定位中，以下說法錯誤的是（）。本題答案：【父元素不管什么定位方式，子元素為position:absolute，那么子元素相對于父元素定位】14、【單選題】以下代碼可以將div水平居中的是（）。本題答案：【div{width:200px;margin:0auto;}】15、【單選題】相對定位與絕對定位說法正確的是（）。本題答案：【它們都脫離了文本流】16、【單選題】以下說法錯誤的是（）。本題答案：【z-index值越大，層越是在下方】17、【單選題】以下哪個不是block類型元素（）。本題答案：【input】18、【單選題】inline類型的元素（）。本題答案：【display:inline表示將該元素表現(xiàn)出inline元素的特點】19、【單選題】浮動定位說法正確的是（）。本題答案：【可以用float屬性設置浮動定位#可以用clear屬性清除浮動】20、【單選題】關于盒子模型敘述錯誤的是（）。本題答案：【盒子的各個組成部分都對應著CSS屬性:content，border，padding，margin】隨堂測驗1、【單選題】表示圓角邊框的屬性是（）。本題答案：【border-radius】2、【單選題】關于以下代碼說法錯誤的是（）。border-top-left-radius:40px20px;本題答案：【左上角邊框顯示1/4圓形的弧度】3、【單選題】box-shadow屬性可以設置（）。本題答案：【盒子內(nèi)部、外部陰影】4、【判斷題】box-shadow屬性不能設置盒子的陰影顏色，只能是黑色陰影。本題答案：【錯誤】5、【判斷題】下面兩條語句，盒子陰影模糊范圍一樣大。box-shadow:10px10px5px#888;box-shadow:10px20px5px#888;本題答案：【正確】隨堂測驗1、【單選題】以下代碼可以做長單詞折疊顯示的是（）。本題答案：【word-wrap:break-word;】2、【單選題】以下哪行代碼是文本描邊效果（）。本題答案：【text-shadow:003px#f00;】3、【單選題】以下關于web字體描述正確的是（）。本題答案：【web字體文件格式分為好多種，每種瀏覽器支持不同的格式】4、【判斷題】@font-face規(guī)則利用src屬性，說明web字體來源本題答案：【正確】5、【判斷題】web字體的優(yōu)點是，用戶不需要預先安裝這種特殊字體，由服務器端提供字體文件。本題答案：【正確】隨堂測驗1、【單選題】以下哪個代碼可以將盒子順時針旋轉(zhuǎn)30度（）。本題答案：【transform:rotate(30deg);】2、【單選題】以下哪行代碼可以將盒子放大2倍顯示（）。本題答案：【transform:scale(2);】3、【判斷題】2D變換中，transform屬性可以使用不同函數(shù)，完成不同類型的變換。本題答案：【正確】4、【判斷題】rotate()函數(shù)，其參數(shù)取值單位是deg，表示旋轉(zhuǎn)的角度。本題答案：【正確】5、【判斷題】scale()函數(shù)取值可正可負，取正值表示放大，取負值表示縮小。本題答案：【錯誤】隨堂測驗1、【單選題】（）可以將盒子的背景顏色、寬度，在1s內(nèi)，勻速，完成過渡效果。本題答案：【transition:all1slinear;】2、【單選題】transition-duration屬性表示（）。本題答案：【過渡時間】3、【單選題】animation:mycolor5slinear;關于這條語句敘述錯誤的是（）。本題答案：【mycolor中的關鍵幀由animation定義】4、【判斷題】@keyframes可以定義動畫的很多個關鍵幀，由animation設定動畫播放時長、方式等信息。本題答案：【正確】5、【判斷題】動畫是由很多靜態(tài)圖片構(gòu)成，每個圖片可以稱為一個關鍵幀。本題答案：【正確】隨堂測驗1、【單選題】（）代碼，表示要進行3D變換。本題答案：【transform-style：preserve-3d;】2、【單選題】3D變換的說法錯誤的是（）。本題答案：【transition:rotateX(60deg);表示沿X軸進行3D變換】3、【判斷題】3D變換如果沒有透視關系，跟2D變換效果相同。本題答案：【錯誤】4、【判斷題】3D變換通過transform屬性取得不同的rotateX(),rotateY(),rotateZ()完成沿不同坐標軸的變換。本題答案：【正確】5、【判斷題】3D變換中，perspective屬性取值決定是否有透視關系，透視關系的大小。本題答案：【正確】5.CSS3單元測驗1、【單選題】對于一個高和寬都是20px的盒子，設置其border-radius：10px；可以生成（）。本題答案：【圓形】2、【單選題】box-shadow:10px10px5px#888;其中5px是指（）；本題答案：【陰影模糊范圍】3、【單選題】以下說法不正確的是（）。本題答案：【animation和keyframes都是屬性名稱】4、【判斷題】3D變換可以沿X軸、Y軸或者Z軸進行變換。本題答案：【正確】5、【判斷題】3D變換的舞臺，通常是進行3D變換元素的父容器。本題答案：【正確】6、【判斷題】3D變換產(chǎn)生類似三維效果，可以在三維空間中進行變換，但是無法改變透視效果的大小。本題答案：【錯誤】隨堂測驗1、【單選題】下列哪些功能不能使用javascript技術(shù)實現(xiàn)（）。本題答案：【登錄注冊功能】2、【單選題】下列哪個工具不是專業(yè)的前端開發(fā)工具（）。本題答案：【Pycharm】3、【單選題】下列哪個選項不屬于js的組成（）。本題答案：【HTML】4、【單選題】下列關于js說法不正確的是（）。本題答案：【強類型語言】5、【單選題】JS代碼不能寫在哪個位置（）。本題答案：【嵌入在title標簽中】隨堂測驗1、【單選題】關于變量名的命名規(guī)范說法錯誤的是（）。本題答案：【不可以采用駝峰命名法】2、【單選題】在javascript中使用（）來分隔兩條語句。本題答案：【分號】3、【單選題】varage=25;console.log(“age”);請問最終輸出結(jié)果顯示的是（）。本題答案：【age】4、【單選題】下列變量名錯誤的是（）。本題答案：【1stu】5、【單選題】下列關于變量賦值說法錯誤的是（）。本題答案：【35=30是正確的】單元測驗1、【單選題】下列哪種數(shù)據(jù)類型不是原始類型（）。本題答案：【引用類型】2、【單選題】下列是數(shù)字類型的是（）。本題答案：【66】3、【單選題】下列是字符串類型的是（）。本題答案：【“55”】4、【單選題】下列是布爾類型的是（）。本題答案：【true】5、【單選題】typeof(num);的作用是（）。本題答案：【獲取num的數(shù)據(jù)類型】隨堂測驗1、【單選題】下列不屬于運算符的是（）。本題答案：【@】2、【單選題】下列表達式的值正確的是（）。本題答案：【10%3的值是1】3、【單選題】下列不屬于邏輯運算符的是（）。本題答案：【】4、【單選題】varmsg=2018?”成年人”:”未成年人”;的結(jié)果是（）。本題答案：【成年人】5、【單選題】表達式18151820的結(jié)果是（）。本題答案：【true】6、【單選題】表達式varresult=85=80？優(yōu)秀:(score=60?合格:不合格);的值是（）。本題答案：【優(yōu)秀】隨堂測驗1、【單選題】聲明函數(shù)時，要使用一個關鍵詞是（）。本題答案：【function】2、【單選題】下列選項可以將指定數(shù)據(jù)轉(zhuǎn)換為整數(shù)的是（）。本題答案：【parseInt】3、【單選題】下列說法錯誤的是（）。本題答案：【聲明函數(shù)時定義的參數(shù)，可以稱之為叫作實參】4、【單選題】functionadd(){//1varsum=1+2;//2console.log(sum);//3}console.log(sum);//4在此程序中哪一行語句是錯誤的（）。本題答案：【4】5、【單選題】vara=1;functionsum(b){console.log(a);a+=2;}sum(a);console.log(a);此程序的最終結(jié)果為（）。本題答案：【13】6、【單選題】functionsum(num1,num2){returnnum1+num2;}varresult=sum(1,2);console.log(result);此程序的結(jié)果為（）。本題答案：【3】隨堂測驗1、【單選題】下列哪一項不是程序結(jié)構(gòu)（）。本題答案：【邏輯結(jié)構(gòu)】2、【單選題】以下選項作為分支結(jié)構(gòu)中的條件表達式結(jié)果為真的是（）。本題答案：【1】3、【單選題】switch-case語句中的break的作用是（）。本題答案：【跳出switch結(jié)構(gòu)】4、【單選題】下列選項關于switch-case結(jié)構(gòu)表述正確的是（）。本題答案：【switch-case結(jié)構(gòu)中的case可以是多個】5、【單選題】若a和b均是整形變量并已正確賦值，正確的switch語句是（）。本題答案：【switch(a%b){......}】隨堂測驗1、【單選題】下列不屬于循環(huán)結(jié)構(gòu)的是（）。本題答案：【switch-case】2、【單選題】vari=1while(i5){console.log(“*”);}該程序最終輸出幾個*（）。本題答案：【無數(shù)個】3、【單選題】在循環(huán)結(jié)構(gòu)中continue關鍵字的作用是（）。本題答案：【終止本次循環(huán)，繼續(xù)執(zhí)行下次循環(huán)】4、【單選題】vari=0;while(i5){console.log(“*”);if(i==3){break;}i++;}該程序最終輸出幾個*（）。本題答案：【4】5、【單選題】vari=0;while(i5){i++;if(i==3){continue;}console.log(“*”);}該程序最終輸出幾個*（）。本題答案：【4】隨堂測驗1、【單選題】下列創(chuàng)建空數(shù)組格式正確的是（）。本題答案：【vararr=newArray();】2、【單選題】創(chuàng)建數(shù)組vara=[1,2,3];那么a[1]的值是（）。本題答案：【2】3、【單選題】vararr=newArray(5);console.log(arr.length);該程序的結(jié)果為（）。本題答案：【5】4、【單選題】下列表達式是獲取數(shù)組最后一個元素的是（）。本題答案：【arr[arr.length-1]】5、【單選題】數(shù)組下標是從（）開始的。A．0B．1C．2D．3本題答案：【0】隨堂測驗1、【單選題】以下方法中哪個可以將數(shù)組中的元素轉(zhuǎn)換為字符串,并用逗號分隔（）。本題答案：【String(arr)】2、【單選題】以下方法中哪個可以將數(shù)組中的元素轉(zhuǎn)換為字符串且可以用自定義連接符分隔（）。本題答案：【arr.join()】3、【單選題】關于arr.slice()說法錯誤的是（）。本題答案：【將會直接修改原數(shù)組】4、【單選題】arr.sort()的作用是（）。本題答案：【將所有元素轉(zhuǎn)為字符串再排序】5、【單選題】下列關于arr.reverse()說法正確的是（）。本題答案：【進行顛倒數(shù)組操作】6、【單選題】關于arr.splice()說法錯誤的是（）。本題答案：【可進行選取操作】隨堂測驗1、【單選題】下列關于DOM的描述哪句話是不正確的（）。本題答案：【DOM的DocumentObjectModel瀏覽器對象模型的縮寫】2、【單選題】下列不是DOM查找操作的是（）。本題答案：【appendChild()】3、【單選題】下列可用于精確查找一個元素的是（）。本題答案：【getElementById()】4、【單選題】下列是按標簽查找元素的是（）。本題答案：【getElementsByTagName()】5、【單選題】下列關于getElementsByTagName描述不正確的是（）。本題答案：【只返回第一個元素】6、【單選題】下列DOM查找中返回集合的是（）。本題答案：【getElementsByTagName()】隨堂測驗1、【單選題】下列關于DOM核心描述正確的是（）。本題答案：【可操作一切結(jié)構(gòu)化文檔的API】2、【單選題】下列不屬于核心DOM的操作的是（）。本題答案：【appendChild()】3、【單選題】下列哪項是移除屬性值（）。本題答案：【removeAttribute()】4、【單選題】已知varh1=document.getElementById(“a1)，下列修改屬性值正確的是（）。本題答案：【h1.setAttribute(“name”,”zhangsan”)】5、【單選題】varbool=elem.hasAttribute(name)的含義是（）。本題答案：【判斷是否包含name屬性】6、【單選題】下列關于DOM操作的描述，不正確的是（）。本題答案：【setAttribute(屬性名)設置屬性值】7、【單選題】下列關于HTMLDOM的描述不正確的是（）。本題答案：【包括HTML和XML】隨堂測驗1、【單選題】下列哪項不屬于添加元素的步驟（）。本題答案：【獲取關鍵屬性值】2、【單選題】下列哪項不屬于設置關鍵屬性（）。本題答案：【a.style.opacity=1;】3、【單選題】下列屬于將元素添加到DOM樹操作的是（）。本題答案：【appendChild()】4、【單選題】下列屬于在父元素中的指定子節(jié)點之前添加一個新的子節(jié)點的是（）。本題答案：【insertBefore()】5、【單選題】下列不屬于添加元素優(yōu)化的是（）。本題答案：【getAttribute()】6、【單選題】parentNode.insertBefore(newChild,existingChild)的含義是（）。本題答案：【在父元素中的指定子節(jié)點之前添加一個新的子節(jié)點】7、【單選題】下列哪項表示的是創(chuàng)建table標簽（）。本題答案：【document.createElement('table');】8、【單選題】已知vardiv=document.createElement('div');vartxt=document.createTextNode('文本');如何使txt成為div的最后一個子節(jié)點（）。本題答案：【div.appendChild(txt);】9、【單選題】如何創(chuàng)建一個空元素（）。本題答案：【document.createElement(元素名)】隨堂測驗1、【單選題】下列關于BOM的描述正確的是（）。本題答案：【BOM是專門操作瀏覽器窗口的API】2、【單選題】下列不是瀏覽器對象模型的是（）。本題答案：【element】3、【單選題】下列關于瀏覽器對象模型document描述正確的是（）。本題答案：【封裝當前正在加載的網(wǎng)頁內(nèi)容】4、【單選題】下列表示顯示整個窗口的高或?qū)挼氖牵ǎ１绢}答案：【window.outerWidth】5、【單選題】下列關于setInterval(exp,time)描述錯誤的是（）。本題答案：【表示的是一次性定時器】6、【單選題】使用（）停止周期性定時器timer。本題答案：【clearInterval(timer)】7、【單選題】下列關于setTimeout(exp,time)描述不正確的是（）。本題答案：【讓程序按指定時間間隔反復自動執(zhí)行一項任務】8、【單選題】以下代碼表示的含義是（）。vartimer=setInterval(function(){console.log(HelloWorld);},1000);本題答案：【每隔1000毫秒打印輸出一次HelloWorld】9、【單選題】setTimeout(function(){alert(恭喜過關);},3000);下列關于此段代碼描述正確的是（）。本題答案：【此段代碼只執(zhí)行一次】10、【單選題】瀏覽器對象模型screen表示的是（）。本題答案：【封裝了屏幕的信息】6Javascript單元作業(yè)6.Javascript單元測試1、【單選題】toString()的作用是（）。本題答案：【將任意類型的數(shù)據(jù)轉(zhuǎn)換為字符串類型】2、【單選題】下列代碼最終結(jié)果不是NAN的是（）。本題答案：【parseInt(“12你好”);】3、【單選題】下列表達式的值正確的是（）。本題答案：【10%3結(jié)果是1】4、【單選題】表達式18151820的結(jié)果是（）。本題答案：【true】5、【單選題】下列說法正確的是（）。本題答案：【if語句塊的{}可以省略】6、【單選題】數(shù)組下標是從哪個數(shù)字開始的（）。本題答案：【0】7、【單選題】關于arr.slice()說法錯誤的是（）。本題答案：【將會直接修改原數(shù)組】8、【單選題】已知varh1=document.getElementById(“a1)，下列修改屬性值正確的是（）。本題答案：【h1.setAttribute(“name”,”zhangsan”)】9、【單選題】vart=10;functiontest(test){t=t+test;console.log(t);vart=3;}test(t);console.log(t);運行結(jié)果是（）？本題答案：【NaN10】10、【單選題】能夠返回父節(jié)點的方法是()。本題答案：【parentNode】11、【單選題】創(chuàng)建元素的方法是（）。本題答案：【createElement()】12、【單選題】能夠返回節(jié)點文本值的方法是（）。本題答案：【innerHTML】13、【單選題】向節(jié)點添加最后一個子節(jié)點的方法是（）。本題答案：【appendChild()】14、【單選題】關于對變量的說法,錯誤的是（）。本題答案：【由于javascript的動態(tài)特性,不需要定義變量，直接采取key=val的形式賦值，key為局部變量】15、【單選題】下面符合一個有效的javascript變量定義規(guī)則的是（）。本題答案：【withA】16、【單選題】join()方法的作用是（）。本題答案：【把數(shù)組的所有元素放入一個字符串】17、【單選題】放在HTML中()部分JavaScript會在頁面加載的時候被執(zhí)行（）。本題答案：【body標簽部分】18、【單選題】下列哪個正確的引入了myScript.js（）。本題答案：【scriptsrc=myScript.js】19、【單選題】輸出HelloWorld的正確Javascript語法是（）。本題答案：【document.write(HelloWorld)】20、【單選題】JavaScript用法描述錯誤的是（）。本題答案：【腳本必須位于HTML的body或head部分中】21、【判斷題】JavaScript支持的選擇結(jié)構(gòu)包括if語句與select語句。本題答案：【錯誤】22、【判斷題】JavaScript支持的循環(huán)結(jié)構(gòu)包括for語句與while語句。本題答案：【正確】隨堂測驗1、【單選題】在JQuery中，如果想要從DOM中刪除所有匹配的元素，下面哪一個是正確的（）。本題答案：【remove()】2、【單選題】下列不是關于JQuery使用使用場景的是（）。本題答案：【網(wǎng)頁結(jié)構(gòu)】3、【單選題】在JQuery中使用工廠函數(shù)的方法正確的是（）。本題答案：【$】4、【判斷題】$(“#my”)可以選擇頁面中ID為my的元素。本題答案：【正確】5、【判斷題】所有能在樣式表中使用的選擇符，都能放在工廠函數(shù)的圓括號中引號內(nèi)使用。本題答案：【正確】6、【判斷題】JQuery的核心理念是寫更少的代碼，做更多的事情。本題答案：【正確】7、【判斷題】JQuery屏蔽了瀏覽器的兼容性問題。本題答案：【正確】隨堂測驗1、【單選題】下面哪種不是jquery的選擇器（）。本題答案：【進一步選擇器】2、【單選題】下列關于html()描述不正確的是（）。本題答案：【讀取節(jié)點的文本內(nèi)容】3、【單選題】下列關于text()的描述不正確的是（）。本題答案：【讀取節(jié)點的HTML內(nèi)容】4、【單選題】在JQuery中，讀取節(jié)點的value屬性值的是（）。本題答案：【val()】5、【單選題】在JQuery如何選擇緊鄰的后一個元素（）。本題答案：【$(“…”).next();】6、【單選題】在JQuery如何選擇除自己之外的所有元素（）。本題答案：【$(“….”).siblings();】7、【單選題】在JQuery如何讀取節(jié)點的HTML內(nèi)容（）。本題答案：【$(“…”).html();】隨堂測驗1、【單選題】在JQuery中使用哪個關鍵字綁定事件（）。本題答案：【bind】2、【單選題】函數(shù)中傳遞的參數(shù)e有什么作用（）。本題答案：【提供了可以影響事件在dom中傳遞進程的一些方法】3、【單選題】我們可以使用哪個事件對象獲取按鍵的值（）。本題答案：【keyCode】4、【單選題】事件對象clientX的作用是（）。本題答案：【返回當事件被觸發(fā)時鼠標指針相對于瀏覽器頁面的水平坐標】5、【單選題】事件對象screenX的作用是（）。本題答案：【可返回事件發(fā)生時鼠標指針相對于屏幕的水平坐標】6、【單選題】事件對象offsetX的作用是（）。本題答案：【事件發(fā)生的地點在事件源元素的坐標系統(tǒng)中的x坐標】隨堂測試1、【單選題】以下是HTML5新增的標簽是（）。本題答案：【aside】2、【單選題】以下說法不正確的是（）。本題答案：【HTML5標準還在制定中】3、【單選題】HTML5不支持的視頻格式是（）。本題答案：【flv】4、【單選題】以下不是HTML5新特性的是（）。本題答案：【新的@font-fac