【MOOC】靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)-常州信息職業(yè)技術(shù)學(xué)院 中國(guó)大學(xué)慕課MOOC答案

【MOOC】靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)-常州信息職業(yè)技術(shù)學(xué)院中國(guó)大學(xué)慕課MOOC答案測(cè)驗(yàn)-網(wǎng)頁(yè)的相關(guān)概念1、【單選題】HTML的全稱是（）本題答案：【HyperTextMarkupLanguage】2、【單選題】HTML指的是本題答案：【超文本標(biāo)記語(yǔ)言】3、【單選題】以下哪項(xiàng)不屬于靜態(tài)網(wǎng)頁(yè)技術(shù)本題答案：【ASP】測(cè)驗(yàn)-網(wǎng)頁(yè)的編輯與運(yùn)行1、【單選題】使用HBuilderX新建web項(xiàng)目一般不包含下面哪個(gè)文件夾本題答案：【images】2、【單選題】下面說(shuō)法錯(cuò)誤的是本題答案：【制作網(wǎng)頁(yè)需要專門(mén)的編輯器】測(cè)驗(yàn)-HTML5文檔的基本結(jié)構(gòu)和標(biāo)簽的語(yǔ)法1、【單選題】以下有關(guān)?HTML?標(biāo)記符的屬性的說(shuō)法中，錯(cuò)誤的是：本題答案：【屬性的值放在相應(yīng)屬性之后，用等號(hào)分隔；而不同的屬性之間用分號(hào)分隔?！?、【單選題】HTML的注釋符號(hào)是（）。本題答案：【!--注釋內(nèi)容--】3、【單選題】網(wǎng)頁(yè)的主體內(nèi)容放在下面哪對(duì)標(biāo)簽里（）。本題答案：【body/body】4、【單選題】下面哪個(gè)標(biāo)簽不能放在head標(biāo)簽內(nèi)本題答案：【body】測(cè)驗(yàn)-實(shí)踐任務(wù)制作第一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)1、【單選題】下面代碼的第1行和第9行缺少什么？本題答案：【html和/html】2、【單選題】以下標(biāo)記符中，用于設(shè)置頁(yè)面標(biāo)題的是本題答案：【title??】3、【單選題】在HTML中，（）標(biāo)記不可出現(xiàn)在body和/body標(biāo)記符之間。本題答案：【title?】第1單元測(cè)驗(yàn)1、【單選題】HTML的全稱是（）本題答案：【HyperTextMarkupLanguage】2、【單選題】以下標(biāo)記中，沒(méi)有對(duì)應(yīng)的結(jié)束標(biāo)記的是本題答案：【br】3、【單選題】以下關(guān)于靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè),說(shuō)法錯(cuò)誤的是本題答案：【靜態(tài)網(wǎng)頁(yè)不能含有動(dòng)畫(huà)】4、【單選題】以下哪項(xiàng)不屬于靜態(tài)網(wǎng)頁(yè)技術(shù)本題答案：【ASP】5、【單選題】下面說(shuō)法正確的是本題答案：【網(wǎng)頁(yè)文件名不要用漢字命名?！?、【單選題】以下有關(guān)?HTML?標(biāo)記符的屬性的說(shuō)法中，錯(cuò)誤的是：本題答案：【屬性的值放在相應(yīng)屬性之后，用等號(hào)分隔；而不同的屬性之間用分號(hào)分隔。】7、【單選題】html的注釋符號(hào)是什么？本題答案：【!----】8、【單選題】下面代碼的第8行缺少什么本題答案：【/p】9、【單選題】網(wǎng)頁(yè)的主體內(nèi)容放在下面哪對(duì)標(biāo)簽里？本題答案：【body/body】10、【單選題】以下表示空格的轉(zhuǎn)義字符是本題答案：【nbsp;】11、【判斷題】web標(biāo)準(zhǔn)就是HTML標(biāo)準(zhǔn)本題答案：【錯(cuò)誤】12、【填空題】表示網(wǎng)頁(yè)文檔標(biāo)題的標(biāo)記是本題答案：【title##%_YZPRLFH_%##】13、【填空題】下面代碼的第1行缺和第9行缺少（）和（）本題答案：【】14、【填空題】插入圖像的HTML標(biāo)記是（）標(biāo)簽本題答案：【img##%_YZPRLFH_%##】15、【填空題】網(wǎng)頁(yè)的文檔標(biāo)題title和鏈接外部樣式表應(yīng)該放在（）標(biāo)記里本題答案：【head##%_YZPRLFH_%##】測(cè)驗(yàn)-文本控制標(biāo)簽1、【單選題】選出你認(rèn)為最合理的定義標(biāo)題的方法。本題答案：【h1文章標(biāo)題/h1】2、【單選題】設(shè)置文本強(qiáng)調(diào)并且字體表現(xiàn)形式為“斜體”需要（）標(biāo)簽。本題答案：【em】3、【單選題】在HTML中，（）用來(lái)表示特殊字符本題答案：【lt】測(cè)驗(yàn)-圖像標(biāo)簽1、【單選題】imgtitle=香噴噴alt=可樂(lè)雞翅src=images/chicken.jpg/關(guān)于該HTML代碼片段，說(shuō)法錯(cuò)誤的是本題答案：【有語(yǔ)法錯(cuò)誤，什么也不顯示】2、【單選題】在HTML中，使用img標(biāo)簽插入圖像，下列選項(xiàng)關(guān)于img的alt屬性說(shuō)法正確的是本題答案：【設(shè)置圖像無(wú)法顯示時(shí)的替代文本】測(cè)驗(yàn)-實(shí)踐任務(wù)1制作圖文混排的網(wǎng)頁(yè)1、【單選題】若要在頁(yè)面中創(chuàng)建一個(gè)圖形超鏈接，要顯示的圖形為myhome.jpg，所鏈接的地址為http://www.pcnet***.com，以下用法中，正確的是？本題答案：【ahref=http://www.pcnet***.comimgsrc=myhome.jpg//a】測(cè)驗(yàn)-超鏈接和列表標(biāo)簽1、【單選題】如何產(chǎn)生帶有數(shù)字列表符號(hào)的列表？本題答案：【ol】2、【單選題】下列哪個(gè)不屬于列表標(biāo)記本題答案：【dt】3、【單選題】在HTML中，關(guān)于下列代碼說(shuō)法錯(cuò)誤的是ahref=index.htmltarget=_blank首頁(yè)/a本題答案：【目標(biāo)窗口在當(dāng)前窗口中打開(kāi)】測(cè)驗(yàn)-實(shí)踐任務(wù)2制作新聞列表頁(yè)1、【單選題】下列哪個(gè)不屬于列表標(biāo)記本題答案：【lu】測(cè)驗(yàn)-表格標(biāo)簽1、【單選題】在HTML中,以下代碼所示的表格包含的單元格數(shù)量是()。tableborder=1trtdcolspan=3成績(jī)單td/trtrtdJava/tdtdC#/tdtdHTMLd/trtrtd100/tdtd80/tdtd65/td/tr/table本題答案：【6】2、【單選題】以下標(biāo)記符中，用于設(shè)置表格標(biāo)題的是本題答案：【caption】測(cè)驗(yàn)-表單標(biāo)簽1、【單選題】inputtype=”radio”name=”radio1”value=1的作用是什么？本題答案：【建立一個(gè)單選按鈕，當(dāng)按鈕被選中時(shí)，值為1】2、【單選題】下面是HTML表單標(biāo)記的是:本題答案：【form】3、【多選題】下列元素可以通過(guò)Input標(biāo)簽建立有？本題答案：【建立一個(gè)單行文本框#建立一個(gè)單選按鈕#建立一個(gè)按鈕】第2單元測(cè)驗(yàn)1、【單選題】td標(biāo)簽表示的是什么？本題答案：【表格的一個(gè)單元格】2、【單選題】如何在新窗口中打開(kāi)鏈接？H、”target=”_blank”/a本題答案：【ahref=”#”target=”_blank”/a】3、【單選題】設(shè)置文本強(qiáng)調(diào)并且字體表現(xiàn)形式為“加粗”需要()標(biāo)簽本題答案：【strong】4、【單選題】選出你認(rèn)為最合理的定義標(biāo)題的方法本題答案：【h3文章標(biāo)題/h3】5、【單選題】下列是可以放置在from和/from之間的標(biāo)記，其中用于定義一個(gè)用戶可鍵入多行文本的標(biāo)記是本題答案：【textarea】6、【單選題】如何產(chǎn)生帶有數(shù)字列表符號(hào)的列表？本題答案：【ol】7、【單選題】在HTML中()標(biāo)記不可出現(xiàn)在body和/body標(biāo)記符之間。本題答案：【title】8、【單選題】網(wǎng)頁(yè)的主體內(nèi)容放在下面哪對(duì)標(biāo)簽里？本題答案：【body/body】9、【單選題】設(shè)置文本強(qiáng)調(diào)并且字體表現(xiàn)形式為“斜體”需要（）標(biāo)簽本題答案：【em】10、【單選題】下列哪個(gè)不屬于列表標(biāo)記本題答案：【lu】11、【單選題】在本地站點(diǎn)中有如下兩文件G：\site\other\index.htmlG：\site\web\article\01.gifindex.htm中插入圖片01.gif，正確的鏈接路徑應(yīng)該是：本題答案：【src=“../web/article/01.gif”】12、【單選題】創(chuàng)建錨點(diǎn)鏈接，用戶能夠快速定位到同一頁(yè)的liid=bb目錄內(nèi)容/li方法正確的是H、bb鏈接文本/a本題答案：【ahref=#bb鏈接文本/a】13、【單選題】閱讀以下代碼段，則可知（）。inputtype=textname=textfieldinputtype=radioname=radiovalue=女inputtype=checkboxname=checkboxvalue=checkboxinputtype=filename=file本題答案：【上面代碼表示的表單元素類型分別是：文本框、單選按鈕、復(fù)選框、文件域】14、【單選題】inputtype=”radio”name=”radio1”value=1的作用是什么？本題答案：【建立一個(gè)單選按鈕，當(dāng)按鈕被選中時(shí)，值為1】15、【單選題】如圖所示表單沒(méi)有用到的標(biāo)記是？本題答案：【checkbox】16、【單選題】如圖所示表單一共需要幾對(duì)form標(biāo)記？本題答案：【1對(duì)】17、【單選題】看代碼判斷行生什么樣子的表格？tablewidth=”466”height=”127”trtdnbsp;/tdtdnbsp;/td/trtrtdcolspan=2nbsp;/td/tr/table本題答案：【】18、【單選題】下面說(shuō)法正確的是（）本題答案：【body/body標(biāo)簽與frameset/framest不能同時(shí)使用】19、【單選題】在網(wǎng)頁(yè)index.html中有以下代碼,描述錯(cuò)誤的是imgsrc=starBg.pngwidth=970height=625alt=LOGO圖片title=就業(yè)明星/本題答案：【圖片的標(biāo)題文本為就業(yè)明星】20、【單選題】ahref=#所表示的意思是（）本題答案：【表示空鏈接，不做跳轉(zhuǎn)】測(cè)驗(yàn)-div標(biāo)簽、span標(biāo)簽及模塊命名規(guī)范1、【判斷題】網(wǎng)頁(yè)模塊的命名不能以數(shù)字開(kāi)頭。（）本題答案：【正確】2、【判斷題】span標(biāo)簽的語(yǔ)義是一個(gè)小文本區(qū)域。（）本題答案：【錯(cuò)誤】測(cè)驗(yàn)-元素分類與HTML語(yǔ)義化1、【單選題】下列哪個(gè)是行級(jí)元素？（）本題答案：【a】2、【單選題】下列哪個(gè)標(biāo)簽是無(wú)語(yǔ)義標(biāo)簽？本題答案：【span】3、【單選題】下面有關(guān)HTML語(yǔ)義化說(shuō)法不正確的是（）。本題答案：【對(duì)于大多數(shù)標(biāo)簽實(shí)現(xiàn)的效果，完全可以使用div和span來(lái)代替實(shí)現(xiàn)】測(cè)驗(yàn)-HTML5中常用語(yǔ)義化結(jié)構(gòu)標(biāo)簽1、【單選題】以下哪banner項(xiàng)不屬于HTML5語(yǔ)義化結(jié)構(gòu)標(biāo)簽？本題答案：【banner】2、【單選題】下列哪個(gè)標(biāo)簽用于定義頁(yè)面主區(qū)域內(nèi)容之外的內(nèi)容本題答案：【article】第三單元測(cè)驗(yàn)1、【單選題】下列哪個(gè)標(biāo)簽是無(wú)語(yǔ)義標(biāo)簽？本題答案：【span】2、【單選題】網(wǎng)頁(yè)中的廣告橫幅一般可以使用()標(biāo)簽定義本題答案：【div】3、【單選題】下列class屬性命名規(guī)范的是本題答案：【class=logo】4、【單選題】網(wǎng)頁(yè)中新聞文章、論壇帖子、網(wǎng)友評(píng)論等獨(dú)立的內(nèi)容一般使用（）標(biāo)簽本題答案：【article】5、【單選題】下列標(biāo)簽屬于HTML5結(jié)構(gòu)標(biāo)簽的是()本題答案：【header】6、【單選題】()標(biāo)簽用于定義文檔中的節(jié)本題答案：【section】7、【單選題】下列標(biāo)簽不屬于HTML5結(jié)構(gòu)標(biāo)簽的是()本題答案：【p】8、【單選題】可以作為頁(yè)面導(dǎo)航的鏈接組的是()標(biāo)簽本題答案：【nav】9、【單選題】下列表示下標(biāo)的是本題答案：【sub/sub】10、【單選題】用于定義網(wǎng)頁(yè)文檔的頁(yè)腳或網(wǎng)頁(yè)底部的標(biāo)簽是本題答案：【footer】11、【判斷題】sapn標(biāo)簽的語(yǔ)義是一個(gè)小文本區(qū)域本題答案：【錯(cuò)誤】12、【判斷題】網(wǎng)頁(yè)中的表格可以實(shí)現(xiàn)簡(jiǎn)單的布局本題答案：【正確】測(cè)驗(yàn)-CSS3概述與基本語(yǔ)法1、【單選題】下列哪個(gè)選項(xiàng)的CSS語(yǔ)法是正確的？本題答案：【body{color:black;}】2、【單選題】CSS的全稱是（）。本題答案：【CascadingStyleSheets】3、【單選題】在CSS樣式文件中注釋正確的是（）。本題答案：【/*thisisacomment*/】測(cè)驗(yàn)-如何插入樣式表1、【單選題】在以下的HTML中，哪個(gè)是正確引用外部樣式表的方法？本題答案：【linkrel=stylesheettype=text/csshref=mystyle.css】2、【單選題】哪個(gè)HTML標(biāo)簽用于定義內(nèi)部樣式表？本題答案：【style】測(cè)驗(yàn)—基本選擇器1、【單選題】下面關(guān)于id和class的說(shuō)法正確的是本題答案：【可以為不同的元素設(shè)置相同的class來(lái)為它們定義相同的css樣式】2、【單選題】下面關(guān)于id和class的說(shuō)法正確的是本題答案：【可以為不同的元素設(shè)置相同的class來(lái)為它們定義相同的css樣式】測(cè)驗(yàn)—復(fù)合選擇器1、【單選題】下面有關(guān)選擇器的說(shuō)法中，不正確的是本題答案：【在class選擇器中，我們只能對(duì)相同的元素定義相同的class屬性】2、【單選題】bodyulliclass=current西瓜/lili菠蘿/li/ulolliclass=current青菜/lili菠菜/li/ol/body以上HTML代碼，僅僅設(shè)置青菜文本顏色為紅色，該使用的css樣式代碼為本題答案：【ol.current{color:red}】測(cè)驗(yàn)-偽類選擇器1、【單選題】用于設(shè)置鼠標(biāo)懸停在元素上時(shí)的樣式的選擇器是本題答案：【a:hover】2、【單選題】選擇無(wú)序列表項(xiàng)中的最后一個(gè)元素應(yīng)該使用的選擇器是本題答案：【li:last-child】測(cè)驗(yàn)-偽元素選擇器1、【單選題】h2::before{content:;}該樣式的作用是本題答案：【在h2標(biāo)簽前面添加空內(nèi)容】2、【判斷題】在CSS3中偽元素選擇器應(yīng)該用雙冒號(hào)表示本題答案：【正確】測(cè)驗(yàn)—樣式的繼承與層疊1、【單選題】閱讀下面HTML代碼，段落標(biāo)簽p內(nèi)文本最終顯示的顏色是()。styletype="text/css"body{color:#333;}#text{color:#666;}.content{color:#00f;}.gray{color:#f00;}/style......pid="text"class="contentgray"我我本將心向明月，奈何明月照溝渠。/p......H、333本題答案：【#666】2、【單選題】在都能選中元素的情況下，下列樣式中，哪種選擇器的優(yōu)先級(jí)最高？H、*{color:I、F00;}本題答案：【#aa{color:#F00;}】第4單元測(cè)驗(yàn)1、【單選題】CSS中ID選擇符在定義的前面要有指示符本題答案：【#】2、【單選題】在HTML文檔中，引用外部樣式表的正確位置是？本題答案：【head部分】3、【單選題】哪個(gè)HTML標(biāo)簽用于定義內(nèi)部樣式表？本題答案：【style】4、【單選題】下列哪個(gè)選項(xiàng)的CSS語(yǔ)法是正確的？本題答案：【body{color:black;}】5、【單選題】分析以下代碼樣式效果，判斷文字的顏色本題答案：【yellow】6、【單選題】下面說(shuō)法正確的是本題答案：【id選擇器定義的樣式只能使用一次】7、【單選題】下面有關(guān)選擇器的說(shuō)法中，不正確的是本題答案：【在class選擇器中，我們只能對(duì)相同的元素定義相同的class屬性】8、【單選題】下面的描述正確的是()#menu{font-size:14px;}本題答案：【menu是ID選擇器】9、【單選題】下面那個(gè)樣式屬性可以設(shè)置文本為斜體本題答案：【font-style】10、【單選題】divclass=bigbox文本內(nèi)容/div能將以上代碼中文本內(nèi)容顏色變?yōu)榧t色的樣式是本題答案：【.bigbox{color:red;}】測(cè)驗(yàn)—字體樣式和文本樣式1、【單選題】下面那個(gè)樣式屬性可以設(shè)置文本為斜體本題答案：【font-style】2、【單選題】如何設(shè)置英文首字母大寫(xiě)本題答案：【text-transform:capitalize】3、【單選題】表示p元素中的字體是粗體（）。本題答案：【p{font-weight:bold}】測(cè)驗(yàn)—邊框樣式1、【單選題】如果要定義某元素的右邊框，寬度為1px，外觀為實(shí)線、顏色為紅色正確的寫(xiě)法應(yīng)該是本題答案：【border-right:1pxsolidred;】2、【單選題】下列哪個(gè)不是邊框的線型（）。本題答案：【background】測(cè)驗(yàn)1、【單選題】下面那個(gè)樣式屬性可以設(shè)置首行縮進(jìn)本題答案：【text-indent】2、【單選題】下面那個(gè)樣式屬性可以設(shè)置行高本題答案：【line-height】測(cè)驗(yàn)—背景樣式1、【單選題】以下關(guān)于背景圖片的設(shè)置說(shuō)法錯(cuò)誤的是本題答案：【background-repeat：repeat；表示背景圖像僅在橫向上平鋪】測(cè)驗(yàn)—列表和超鏈接樣式1、【單選題】下列()是鼠標(biāo)點(diǎn)擊時(shí)的超鏈接樣式本題答案：【a:active】2、【單選題】在HTML網(wǎng)頁(yè)中添加如下CSS樣式，鼠標(biāo)懸浮在鏈接上面時(shí)，網(wǎng)頁(yè)中的鏈接呈現(xiàn)的顏色為（）。body{color:red;}a{color:black;}a:link,a:visited{color:blue;}a:hover,a:active{color:green;}本題答案：【綠色】3、【單選題】能夠去掉列表的項(xiàng)目符號(hào)的是？本題答案：【list-style:none】測(cè)驗(yàn)1、【多選題】下面能夠去掉項(xiàng)目列表符號(hào)的css屬性是()本題答案：【list-style屬性#list-style-type屬性】測(cè)驗(yàn)—表格樣式和表單樣式1、【單選題】設(shè)置表格顯示為單線條邊框使用哪個(gè)樣式屬性本題答案：【border-collapse:collapse;】2、【單選題】單行文本設(shè)置背景顏色使用的樣式屬性是本題答案：【background】第5單元測(cè)驗(yàn)1、【單選題】表示上邊框線寬10px,下邊框線寬5px,左邊框線寬20px,右邊框線寬1px,的樣式語(yǔ)句為()本題答案：【border-width:10px5px20px1px】2、【單選題】在HTML網(wǎng)頁(yè)中添加如下CSS樣式,鼠標(biāo)懸浮在鏈接上面時(shí),網(wǎng)頁(yè)中的鏈接呈現(xiàn)的顏色為()。body{color:red;}a{color:black;}a:link,a:visited{color:blue;}a:hover,a:active{color:green;}本題答案：【綠色】3、【單選題】表格設(shè)置背景顏色使用的樣式屬性是（）本題答案：【background】4、【單選題】下列哪個(gè)不是表格邊框的線型本題答案：【background】5、【單選題】下列哪一項(xiàng)是css添加背景圖片的正確語(yǔ)法構(gòu)成?本題答案：【background-image】6、【單選題】設(shè)置盒子圓角的屬性是本題答案：【border-radius】7、【單選題】每段文字都需要首行縮進(jìn)兩個(gè)字的距離,該設(shè)置什么屬性？本題答案：【text-indent】8、【單選題】下面那個(gè)樣式屬性可以設(shè)置行高本題答案：【line-height】9、【單選題】實(shí)現(xiàn)背景平鋪效果,對(duì)應(yīng)的CSS為()本題答案：【div{backgroud-image:url(images/bg.gif);}】10、【單選題】比較下面選項(xiàng)中的樣式,哪種樣式的優(yōu)先級(jí)最高本題答案：【寫(xiě)通過(guò)style屬性寫(xiě)在標(biāo)簽內(nèi)部的樣式】11、【判斷題】border屬性是border-style，border-width和border-color屬性的簡(jiǎn)寫(xiě)屬性本題答案：【正確】12、【判斷題】border-width屬性用于設(shè)置邊框的寬度本題答案：【正確】測(cè)驗(yàn)-盒子模型1、【單選題】下列哪個(gè)屬性能夠設(shè)置盒模型的左側(cè)外邊距？本題答案：【margin-left】2、【填空題】#box{width:200px;margin:20px;padding:20px;border:solid1px#000000;}divid=“box”/div請(qǐng)根據(jù)以上代碼判斷id為box的div在網(wǎng)頁(yè)中占據(jù)的寬度是（）像素本題答案：【282】測(cè)驗(yàn)-外邊距合并1、【單選題】如果有盒子嵌套，要調(diào)整外面盒子和里面盒子之間的距離（）。本題答案：【一般用外面盒子的padding來(lái)調(diào)整，可以避免外邊距疊加的現(xiàn)象出現(xiàn)】測(cè)驗(yàn)1、【單選題】p{margin-top:20px;}表示的含義是（）。本題答案：【段落的上邊框到它上面的其他元素的下邊框的距離是20px】測(cè)驗(yàn)-文檔流簡(jiǎn)介與元素的轉(zhuǎn)換1、【單選題】關(guān)于塊狀元素說(shuō)法不正確的是本題答案：【塊狀元素都不可以定義自己的寬度和高度；】2、【單選題】下列哪個(gè)樣式定義后,內(nèi)聯(lián)(非塊狀)元素可以定義寬度和高度本題答案：【display:block】3、【多選題】下列哪些標(biāo)記是行級(jí)元素本題答案：【a#img#span】測(cè)驗(yàn)-浮動(dòng)1、【單選題】對(duì)于浮動(dòng)的描述正確的是本題答案：【浮動(dòng)只能向左或向右浮動(dòng)】測(cè)驗(yàn)-清除浮動(dòng)1、【單選題】在CSS中，如果要清除浮動(dòng)層對(duì)文本的影響，下列說(shuō)法正確的是本題答案：【為放置文本的標(biāo)簽增加clear屬性，并設(shè)置其屬性值為both】測(cè)驗(yàn)1、【單選題】div1/divdiv2/divdiv3/div以上結(jié)構(gòu)的三個(gè)div，如果要按照123的順序排列在一行，下面哪種方法可以實(shí)現(xiàn)？（）本題答案：【1和2向左浮動(dòng)，3向右浮動(dòng)】測(cè)驗(yàn)-相對(duì)定位1、【單選題】設(shè)置相對(duì)定位，Position屬性值為：本題答案：【relative】測(cè)驗(yàn)-絕對(duì)定位1、【單選題】已知一個(gè)設(shè)置了絕對(duì)定位的元素b，位于其父元素a中，a元素為靜態(tài)定位，則b元素將以（）為基準(zhǔn)進(jìn)行偏移。本題答案：【html元素】測(cè)驗(yàn)-相對(duì)定位與絕對(duì)定位的應(yīng)用1、【單選題】以下哪種定位不是用Position屬性設(shè)置的定位本題答案：【浮動(dòng)定位】測(cè)驗(yàn)1、【單選題】閱讀下面HTML代碼，如果期望tabs位于box容器的右下角，則需要添加的CSS156樣式是（）。divid=boxdivid=tabs/div/divI、box{position:relative;}J、tabs{position:rightbottom;}本題答案：【#box{position:relative;}#tabs{position:absolute;right:0;bottom:0;}】第6單元測(cè)驗(yàn)1、【單選題】能實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)居中一列布局效果的樣式代碼是()本題答案：【margin:10pxauto;width:80%;】2、【單選題】設(shè)置h1的邊框,右邊為紅色,上下左為黑色邊框本題答案：【h1{border:1pxsolidblack;border-right-color:red;}】3、【單選題】默認(rèn)情況下,()元素設(shè)置width和height可以生效本題答案：【div】4、【單選題】默認(rèn)情況下,以下關(guān)于定位布局的說(shuō)法不正確的是?本題答案：【絕對(duì)定位元素的位置是相對(duì)于原始位置】5、【單選題】div1/divdiv2/divdiv3/div以上結(jié)構(gòu)的三個(gè)div,如果要按照123的順序排列在一行,下面哪種方法可以實(shí)現(xiàn)本題答案：【1和2向左浮動(dòng),3向右浮動(dòng)】6、【單選題】下面哪個(gè)屬性不會(huì)讓div元素脫離文檔流?本題答案：【position:relative;】7、【單選題】關(guān)于浮動(dòng)的描述不正確的是本題答案：【浮動(dòng)元素會(huì)完全脫離文檔流,其它元素當(dāng)它不存在】8、【單選題】.box{margin:10px5px;margin-right:10px;margin-top:5px;}閱讀下面CSS代碼，下面選項(xiàng)中與該代碼段效果等同的是本題答案：【.box{margin:5px10px10px5px;}】9、【單選題】下列不屬于浮動(dòng)元素特征的是本題答案：【浮動(dòng)元素有可能會(huì)脫離包含元素之外】10、【單選題】position:relative;left:-100px;上面代碼表示：本題答案：【元素相對(duì)于自己原來(lái)的位置向左偏移100px】11、【判斷題】設(shè)置元素浮動(dòng)，一定會(huì)導(dǎo)致頁(yè)面排版的混亂本題答案：【錯(cuò)誤】12、【判斷題】絕對(duì)定位的元素會(huì)轉(zhuǎn)換為塊元素本題答案：【正確】第7單元測(cè)驗(yàn)1、【單選題】關(guān)于文本對(duì)齊,源代碼設(shè)置不正確的一項(xiàng)是本題答案：【居中對(duì)齊:divalign=middle…/div】2、【單選題】對(duì)于浮動(dòng)的描述正確的是本題答案：【浮動(dòng)只能向左或向右浮動(dòng)】3、【單選題】關(guān)于浮動(dòng)的描述不正確的是本題答案：【浮動(dòng)元素會(huì)完全脫離文檔流，其它元素當(dāng)它不存在】4、【單選題】下列哪一項(xiàng)是在新窗口中打開(kāi)網(wǎng)頁(yè)文檔本題答案：【_blank】5、【單選題】下面哪個(gè)屬性不會(huì)讓div元素脫離文檔流？本題答案：【position：relative;】6、【單選題】閱讀下面HTML代碼，若要使dt和dd標(biāo)簽在同一行顯示，下面選項(xiàng)中的CSS書(shū)寫(xiě)正確的是()dldt用戶名：/dtddinputtype=textname=userNamesize=12//dd/dl本題答案：【dldt{float:left;}】7、【單選題】下面選項(xiàng)中，可以設(shè)置頁(yè)面中某個(gè)DIV標(biāo)簽相對(duì)頁(yè)面水平居中的CSS樣式是本題答案：【margin:0auto】8、【單選題】如果想要實(shí)現(xiàn)文本環(huán)繞著圖片，最好的解決方法是（）本題答案：【浮動(dòng)布局】9、【單選題】在CSS中，clear:both;的左右是本題答案：【清除該元素的兄弟元素浮動(dòng)之后帶來(lái)的影響】10、【單選題】閱讀下面CSS代碼，下面選項(xiàng)中與該代碼段效果等同的是.box{margin:10px5px;margin-right:10px;margin-top:5px;}本題答案：【.box{margin:5px10px10px5px;}】第8單元測(cè)驗(yàn)1、【填空題】閱讀代碼完成程序填空，使網(wǎng)頁(yè)瀏覽效果如效果圖所示。本題填寫(xiě)第（1）空。列表的背景圖是images文件夾中的li_bg.png，list.html網(wǎng)頁(yè)文件和images文件在同一文件夾中。鼠標(biāo)指向第2行列表的效果圖!--【代碼：list.html】!DOCTYPEhtmlhtmlheadmetacharset=utf-8"/title新聞列表/title!--(1)分析網(wǎng)頁(yè)效果填入適當(dāng)?shù)臉?biāo)簽--(1)rel="stylesheet"href="css/style05.css"type="text/css"http://headbodydivh2招聘信息/h2(2)!--此行中請(qǐng)?zhí)顚?xiě)第（2）空--liahref="#"北京厚石人和信息科技招聘人才/a/liliahref="#"上海微甲網(wǎng)絡(luò)科技招聘工程師/a/liliahref="#"永特三六五公司招聘網(wǎng)絡(luò)管理員/a/liliahref="#"中國(guó)科學(xué)技術(shù)研究所招聘實(shí)習(xí)生/a/liliahref="#"上海楓雪信息科技招聘PHP人才/a/li(3)!--此行中請(qǐng)?zhí)顚?xiě)第（3）空--/div/body/html【代碼：CSS文件style05】@charset"utf-8";/*CSSDocument*/body{font-size:12px;font-family:"宋體";color:#222;}.all{width:233px;height:200px;margin:20pxauto;}.head{font-size:12px;height:30px;line-height:30px;border:1pxsolid#d6d6d6;(4):1pxsolid#808080;/*單獨(dú)定義下邊框,此行中請(qǐng)?zhí)顚?xiě)第（4）空*/background:url(../images/title_bg.png)no-repeat11px7px;padding-left:34px;}.content{padding:25px0015px;}.contentli{(5):(6);/*定義列表無(wú)項(xiàng)目符號(hào),此行中請(qǐng)?zhí)顚?xiě)第（5）和（6）空*/height:26px;(7):(8);/*定義列表背景圖,此行中請(qǐng)?zhí)顚?xiě)第（7）和（8）空*/padding-left:22px;}(9){/*超鏈接未點(diǎn)擊和點(diǎn)擊后的樣式,此行中請(qǐng)?zhí)顚?xiě)第（9）空*/color:#222;text-decoration:none;}.contentli(10){/*鼠標(biāo)移上時(shí)的樣式，此行中請(qǐng)?zhí)顚?xiě)第（10）空*/color:#FD4913;}--本題答案：【link】2、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（2）空。本題答案：【ul】3、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（3）空。本題答案：【/ul】4、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（4）空。本題答案：【border-bottom】5、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（5）空。本題答案：【list-style##%_YZPRLFH_%##list-style-type】6、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（6）空。本題答案：【none】7、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（7）空。本題答案：【background】8、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（8）空。本題答案：【url(../images/li_bg.png)no-repeat】9、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（9）空。本題答案：【a##%_YZPRLFH_%##a:link,a:visited】10、【填空題】閱讀第1題中的代碼填空，本題填寫(xiě)第（9）空。本題答案：【a:hover】期末測(cè)驗(yàn)1、【單選題】選出你認(rèn)為最合理的定義標(biāo)題的方法本題答案：【h1文章標(biāo)題/h1】2、【單選題】設(shè)置文本強(qiáng)調(diào)并且字體表現(xiàn)形式為“斜體”需要（）標(biāo)簽本題答案：【em】3、【單選題】在網(wǎng)頁(yè)中顯示特殊字符，如果要輸入空格，應(yīng)使用本題答案：【nbsp;】4、【單選題】若要在頁(yè)面中創(chuàng)建一個(gè)圖形超鏈接，要顯示的圖形為myhome.jpg,所鏈接的地址為,以下用法中，正確的是？本題答案：【ahref=””imgsrc=”myhome.jpg”//a】5、【單選題】如何在新窗口打開(kāi)鏈接？本題答案：【ahref=urltarget=_blankxxx/a】6、【單選題】在本地站點(diǎn)中有如下兩文件G：\site\other\index.htmlG：\site\web\article\01.gifindex.htm中插入圖片01.gif，正確的鏈接路徑應(yīng)該是：本題答案：【src=“../web/article/01.gif”】7、【單選題】ahref=#所表示的意思是（）本題答案：【表示空鏈接，不做跳轉(zhuǎn)】8、【單選題】在HTML中，使用img標(biāo)簽插入圖像，下列選項(xiàng)關(guān)于img的alt屬性說(shuō)法正確的是()本題答案：【設(shè)置圖像無(wú)法顯示時(shí)的替代文本】9、【單選題】CSS中ID選擇符在定義的前面要有指示符本題答案：【#】10、【單選題】在HTML文檔中，引用外部樣式表的正確位置是？本題答案：【head部分】11、【單選題】如何在CSS文件中插入注釋本題答案：【/*thisisacomment*/】12、【單選題】下列哪個(gè)選項(xiàng)的CSS語(yǔ)法是正確的？本題答案：【body{color:black;}】13、【單選題】下面關(guān)于id和class的說(shuō)法正確的是本題答案：【可以為不同的元素設(shè)置相同的class來(lái)為它們定義相同的css樣式】14、【單選題】下面哪個(gè)方法可以去掉文本超鏈接的下劃線本題答案：【a{text-decoration:none;}】15、【單選題】以下哪種選擇器表示鼠標(biāo)指針懸停在鏈接上方本題答案：【a:hover】16、【單選題】如何能夠去掉列表的項(xiàng)目符號(hào)的是？本題答案：【list-style:none】17、【單選題】下面那個(gè)樣式屬性可以設(shè)置首行縮進(jìn)本題答案：【text-indent】18、【單選題】設(shè)置h1的邊框，右邊為紅色，上下左為黑色邊框。本題答案：【h1{border:1pxsolidblack;border-right-color:red;}】19、【單選題】以下描述錯(cuò)誤的是本題答案：【絕對(duì)定位是相對(duì)于瀏覽器窗口具體的定位】20、【單選題】對(duì)于浮動(dòng)的描述正確的是本題答案：【浮動(dòng)只能向左或向右浮動(dòng)】21、【判斷題】padding:10px;只設(shè)置上邊填充為10像素，其它三邊為零像素。本題答案：【錯(cuò)誤】22、【判斷題】在HTML語(yǔ)言中，通過(guò)創(chuàng)建錨點(diǎn)鏈接，用戶能夠快速定位到目標(biāo)內(nèi)容。本題答案：【正確】23、【判斷題】在超鏈接中“href”屬性用于指定鏈接頁(yè)面的打開(kāi)方式本題答案：【錯(cuò)誤】24、【判斷題】在表單中，name屬性用于指定表單的名稱，以區(qū)分同一個(gè)頁(yè)面中的多個(gè)表單。本題答案：【正確】25、【判斷題】orm表單中，action的屬性值可以是相對(duì)路徑或絕對(duì)路徑，還可以為接收數(shù)據(jù)的E-mail郵箱地址。本題答案：【正確】26、【判斷題】在創(chuàng)建網(wǎng)站的內(nèi)部鏈接時(shí)，應(yīng)盡量使用相對(duì)路徑。本題答案：【正確】27、【判斷題】一個(gè)HTML文檔只能含有一對(duì)head標(biāo)記本題答案：【正確】28、【判斷題】body標(biāo)記和head標(biāo)記是并列關(guān)系。本題答案：【錯(cuò)誤】29、【判斷題】meta/標(biāo)記在head頭部標(biāo)記中，只可出現(xiàn)一次。本題答案：【錯(cuò)誤】30、【判斷題】input標(biāo)簽是塊元素本題答案：【錯(cuò)誤】31、【填空題】閱讀代碼完成程序填空，使網(wǎng)頁(yè)瀏覽效果如效果圖所示。本題填寫(xiě)第（1）空。列表的背景圖是images文件夾中的li_bg.png，list.html網(wǎng)頁(yè)文件和images文件在同一文件夾中。鼠標(biāo)指向第2行列表的效果圖【代碼：list.html】!--!DOCTYPEhtmlhtmlheadmetacharset=utf-8"/title新聞列表/title!--(1)分析網(wǎng)頁(yè)效果填入適當(dāng)?shù)臉?biāo)簽--(1)rel="stylesheet"href="css/style05.css"type="text/css"http://headbodydivh2招聘信息/h2(2)!--此行中請(qǐng)?zhí)顚?xiě)第（2）空--liahref="#"北京厚石人和信息科技招聘人才/a/liliahref="#"上海微甲網(wǎng)絡(luò)科技招聘工程師/a/liliahref="#"永特三六五公司招聘網(wǎng)絡(luò)管理員/a/liliahref="#"中國(guó)科學(xué)技術(shù)研究所招聘實(shí)習(xí)生/a/liliahref="#"上海楓雪信息科技招聘PHP人才/a/li(3)!--此行中請(qǐng)?zhí)顚?xiě)第（3）空--/div/body/html【代碼：CSS文件style05】@charset"utf-8";/*CSS