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