MOOC 網(wǎng)頁設(shè)計(jì)與制作-泰州職業(yè)技術(shù)學(xué)院 中國大學(xué)慕課答案

MOOC網(wǎng)頁設(shè)計(jì)與制作-泰州職業(yè)技術(shù)學(xué)院中國大學(xué)慕課答案過關(guān)斬將1-11、問題：以下關(guān)于網(wǎng)站整體風(fēng)格的說法，不正確的是（）選項(xiàng)：A、它是網(wǎng)站整體給瀏覽者的綜合感受B、它包括頁面的版式結(jié)構(gòu)、色彩搭配、圖像動(dòng)畫的使用C、它通過主頁而不是次頁來體現(xiàn)D、不同類型的網(wǎng)站具有不同的整體風(fēng)格正確答案:【它通過主頁而不是次頁來體現(xiàn)】2、問題：頁面布局類型不包括下列哪個(gè)類型（）選項(xiàng)：A、上中下型B、封面型C、層次型D、雜合型正確答案:【層次型】3、問題：下面哪個(gè)是網(wǎng)頁設(shè)計(jì)中正確的顏色表示法（）B、f0kD、6f7abE、grayF、rgba(127,210,55,1.2)正確答案:【gray】4、問題：以下說法不正確的是（）選項(xiàng)：A、黃色強(qiáng)調(diào)科技、效率的商品或企業(yè)形象，在商業(yè)設(shè)計(jì)中用得較多B、灰色是萬能色，可以幫助兩種對立的色彩和諧過渡C、每個(gè)頁面中盡量不要超過3種主要色彩D、可以用粉色體現(xiàn)女性站點(diǎn)的柔性正確答案:【黃色強(qiáng)調(diào)科技、效率的商品或企業(yè)形象，在商業(yè)設(shè)計(jì)中用得較多】5、問題：網(wǎng)站結(jié)構(gòu)不包括（）選項(xiàng)：A、欄目結(jié)構(gòu)B、鏈接結(jié)構(gòu)C、目錄結(jié)構(gòu)D、頁面結(jié)構(gòu)正確答案:【頁面結(jié)構(gòu)】6、問題：中小型網(wǎng)站開發(fā)一般都包含的階段是（）選項(xiàng)：A、網(wǎng)站規(guī)劃階段B、網(wǎng)頁制作階段C、網(wǎng)站測試發(fā)布與維護(hù)階段D、網(wǎng)頁設(shè)計(jì)階段正確答案:【網(wǎng)站規(guī)劃階段#網(wǎng)頁制作階段#網(wǎng)站測試發(fā)布與維護(hù)階段#網(wǎng)頁設(shè)計(jì)階段】7、問題：下面哪些是網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)階段的任務(wù)（）選項(xiàng)：A、網(wǎng)站需求分析B、確定網(wǎng)站主題和內(nèi)容C、頁面內(nèi)容編排D、規(guī)劃網(wǎng)站結(jié)構(gòu)正確答案:【網(wǎng)站需求分析#確定網(wǎng)站主題和內(nèi)容#規(guī)劃網(wǎng)站結(jié)構(gòu)】8、問題：網(wǎng)頁設(shè)計(jì)中使用的色彩三原色是指如下哪幾種顏色（）選項(xiàng)：A、藍(lán)色B、黃色C、綠色D、紅色正確答案:【藍(lán)色#綠色#紅色】9、問題：從樣式上可將導(dǎo)航分成（）選項(xiàng)：A、橫排導(dǎo)航B、豎排導(dǎo)航C、圖片式導(dǎo)航D、下拉菜單導(dǎo)航正確答案:【橫排導(dǎo)航#豎排導(dǎo)航#圖片式導(dǎo)航#下拉菜單導(dǎo)航】10、問題：頁面設(shè)計(jì)應(yīng)該遵循以下原則（）選項(xiàng)：A、用戶至上原則B、易用性原則C、瀏覽器通用原則D、實(shí)用性原則正確答案:【用戶至上原則#易用性原則#實(shí)用性原則】11、問題：主題是網(wǎng)站主要內(nèi)容的凝練，應(yīng)根據(jù)網(wǎng)站的主要內(nèi)容確定主題，內(nèi)容要為主題服務(wù)。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】12、問題：網(wǎng)站的引導(dǎo)頁如果是封面型布局，則必須采用Flash動(dòng)畫進(jìn)行設(shè)計(jì)，并提供進(jìn)入主頁的鏈接。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】13、問題：在頁面設(shè)計(jì)時(shí)，應(yīng)該使頁面的背景色與頁面文字產(chǎn)生強(qiáng)烈的色彩對比，以突出顯示文字。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】14、問題：只有當(dāng)對網(wǎng)站結(jié)構(gòu)的規(guī)劃應(yīng)與網(wǎng)站內(nèi)容緊密結(jié)合時(shí)，設(shè)計(jì)制作出的網(wǎng)站才能受用戶歡迎。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】15、問題：畫頁面設(shè)計(jì)示意圖或效果圖可以通過Word、畫圖、Photoshop等軟件進(jìn)行。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】過關(guān)斬將1-21、問題：以下說法正確的是（）選項(xiàng)：A、AdobeDreamweaverCC2017分64位和32位兩個(gè)版本B、Dreamweaver只能用來制作網(wǎng)頁C、靜態(tài)網(wǎng)頁默認(rèn)擴(kuò)展名為.htmlD、使用Dreamweaver新創(chuàng)建的網(wǎng)頁默認(rèn)名為new.html正確答案:【靜態(tài)網(wǎng)頁默認(rèn)擴(kuò)展名為.html】2、問題：以下說法正確的是（）選項(xiàng)：A、空元素是指沒有實(shí)際內(nèi)容的元素B、網(wǎng)頁元素由HTML標(biāo)簽定義，包含開始標(biāo)簽、結(jié)束標(biāo)簽C、title、/h1、body都是合法的標(biāo)簽D、head元素中可以包含style元素正確答案:【head元素中可以包含style元素】3、問題：關(guān)于“管理站點(diǎn)”對話框，以下說法不正確的是（）選項(xiàng)：A、本地站點(diǎn)對應(yīng)的是磁盤上的某個(gè)文件夾B、“復(fù)制”功能用來創(chuàng)建類似的站點(diǎn)C、“刪除”功能就是刪除磁盤上站點(diǎn)文件夾D、“導(dǎo)出”功能是將定義的站點(diǎn)設(shè)置信息導(dǎo)出為外部文件正確答案:【“刪除”功能就是刪除磁盤上站點(diǎn)文件夾】4、問題：以下哪些內(nèi)容包含在DreamweaverCC2017工作界面上（）選項(xiàng)：A、文檔工具欄B、插入面板C、狀態(tài)欄D、屬性面板正確答案:【文檔工具欄#插入面板#狀態(tài)欄#屬性面板】5、問題：新創(chuàng)建網(wǎng)頁的默認(rèn)編碼方式是GB2312。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】同伴互評創(chuàng)新訓(xùn)練作業(yè)知識能力測驗(yàn)1、問題：需求分析不包括下列哪項(xiàng)工作（）選項(xiàng)：A、是租用空間還是自行搭建服務(wù)器放置網(wǎng)站B、待開發(fā)的網(wǎng)站功能分析C、使用網(wǎng)站的用戶類型分析D、用戶的使用需求分析正確答案:【是租用空間還是自行搭建服務(wù)器放置網(wǎng)站】2、問題：以下說法錯(cuò)誤的是（）選項(xiàng)：A、新浪網(wǎng)站的風(fēng)格是快速的B、迪士尼網(wǎng)站的風(fēng)格是生動(dòng)活潑的C、IBM網(wǎng)站的風(fēng)格是奢華的D、學(xué)術(shù)機(jī)構(gòu)網(wǎng)站的風(fēng)格是嚴(yán)謹(jǐn)科學(xué)的正確答案:【IBM網(wǎng)站的風(fēng)格是奢華的】3、問題：以下關(guān)于導(dǎo)航機(jī)制的說法，不正確的是（）選項(xiàng)：A、導(dǎo)航標(biāo)題應(yīng)明確、一目了然B、導(dǎo)航要放置在明顯、易找區(qū)域C、要從設(shè)計(jì)者而不是瀏覽者的角度出發(fā)設(shè)計(jì)導(dǎo)航D、文字性標(biāo)題是其下內(nèi)容的概括，圖像性標(biāo)題更醒目正確答案:【要從設(shè)計(jì)者而不是瀏覽者的角度出發(fā)設(shè)計(jì)導(dǎo)航】4、問題：以下關(guān)于網(wǎng)站目錄結(jié)構(gòu)的說法不正確的是（）選項(xiàng)：A、可以根據(jù)網(wǎng)站欄目創(chuàng)建相應(yīng)的文件夾B、可以創(chuàng)建一些公共文件夾存放主頁使用的或公共的圖像、CSS樣式等文件C、盡量將所有的文件都存放在根文件夾下，便于管理維護(hù)和檢索文件D、網(wǎng)站中的目錄層次不宜過深，盡量不超過4層正確答案:【盡量將所有的文件都存放在根文件夾下，便于管理維護(hù)和檢索文件】5、問題：頁面設(shè)計(jì)時(shí)說法正確的是（）選項(xiàng)：A、網(wǎng)頁的總寬度應(yīng)盡量寬，以容納更多的內(nèi)容，一般由主流顯示器的最大分辨率決定B、只要有可能，就應(yīng)使網(wǎng)頁的頁面長度盡量長，以減少網(wǎng)站中使用的網(wǎng)頁文件數(shù)量，如可以超過10屏的內(nèi)容C、主頁文件大小盡量不要超過60KB，二級頁面文件可以大一些D、為了保證頁面上的廣告圖片效果，廣告圖片文件大小可以不受限制正確答案:【主頁文件大小盡量不要超過60KB，二級頁面文件可以大一些】6、問題：以下說法正確的是（）選項(xiàng)：A、網(wǎng)頁元素通常由開始標(biāo)簽、結(jié)束標(biāo)簽和其中的內(nèi)容組成B、空元素是指有結(jié)束標(biāo)簽而沒有實(shí)際內(nèi)容和的元素C、因?yàn)槲臋n類型聲明!doctypehtml適用于所有版本的HTML，故可以省略D、因?yàn)閁TF編碼方式是通用的，故GB2312完全可以廢棄正確答案:【網(wǎng)頁元素通常由開始標(biāo)簽、結(jié)束標(biāo)簽和其中的內(nèi)容組成】7、問題：以下說法正確的是（）選項(xiàng)：A、風(fēng)格主要通過網(wǎng)站主頁來體現(xiàn)B、不同類型的網(wǎng)站可以具有相同的整體風(fēng)格，風(fēng)格應(yīng)與網(wǎng)站的內(nèi)容相匹配C、整體風(fēng)格包括頁面的版式結(jié)構(gòu)、色彩搭配、圖像動(dòng)畫的使用D、商業(yè)網(wǎng)站往往比較奢華正確答案:【風(fēng)格主要通過網(wǎng)站主頁來體現(xiàn)#整體風(fēng)格包括頁面的版式結(jié)構(gòu)、色彩搭配、圖像動(dòng)畫的使用#商業(yè)網(wǎng)站往往比較奢華】8、問題：頁面布局類型不包括下列哪些類型（）選項(xiàng)：A、網(wǎng)狀型B、Flash動(dòng)畫型C、左中右型D、線性型正確答案:【網(wǎng)狀型#線性型】9、問題：下面哪些是網(wǎng)頁設(shè)計(jì)中正確的顏色表示法（）B、kf0D、66dcafF、07fG、rgb(127,210,256)正確答案:【#66dcaf##07f】10、問題：以下關(guān)于頁面設(shè)計(jì)時(shí)色彩的使用，說法正確的是（）選項(xiàng)：A、色彩具有聯(lián)想作用，如藍(lán)色會使人聯(lián)想到天空，黑色聯(lián)想到黑夜等B、冷、暖色不能搭配使用，要使用同一系列的色彩C、合理使用鄰近色可避免色彩雜亂，而合理使用對比色則可突出重點(diǎn)D、頁面的背景色采用素淡清雅的色彩顯得單調(diào)，而采用花紋繁雜的圖片則可顯示出設(shè)計(jì)者的眼光正確答案:【色彩具有聯(lián)想作用，如藍(lán)色會使人聯(lián)想到天空，黑色聯(lián)想到黑夜等#合理使用鄰近色可避免色彩雜亂，而合理使用對比色則可突出重點(diǎn)】11、問題：以下關(guān)于網(wǎng)頁中圖像和動(dòng)畫的使用，說法正確的是（）選項(xiàng)：A、圖像和動(dòng)畫是傳遞信息的視覺要素，除此以外還有版式、文字、色彩等B、圖像和動(dòng)畫如果沒有良好的視覺吸引力，還是用文字更直接更能符合瀏覽者的需要C、圖像和動(dòng)畫能簡潔明確地傳達(dá)信息D、好的圖像和動(dòng)畫具有強(qiáng)而有力的誘導(dǎo)作用，使用戶產(chǎn)生瀏覽愿望和欲求正確答案:【圖像和動(dòng)畫是傳遞信息的視覺要素，除此以外還有版式、文字、色彩等#圖像和動(dòng)畫如果沒有良好的視覺吸引力，還是用文字更直接更能符合瀏覽者的需要#圖像和動(dòng)畫能簡潔明確地傳達(dá)信息#好的圖像和動(dòng)畫具有強(qiáng)而有力的誘導(dǎo)作用，使用戶產(chǎn)生瀏覽愿望和欲求】12、問題：以下說法正確的是（）選項(xiàng)：A、網(wǎng)站的欄目結(jié)構(gòu)可分為層次結(jié)構(gòu)、線性結(jié)構(gòu)、上下型結(jié)構(gòu)等類型B、規(guī)劃網(wǎng)站的欄目結(jié)構(gòu)就是對網(wǎng)站內(nèi)容進(jìn)行合理細(xì)分和組織，并歸納出各級欄目C、層次結(jié)構(gòu)中主頁定義了指向更深層次頁面的鏈接，當(dāng)瀏覽者往淺層次頁面瀏覽時(shí)獲得更加具體的信息，反之獲得更泛化的信息D、網(wǎng)狀結(jié)構(gòu)允許瀏覽者無目的地在各個(gè)頁面間自由跳轉(zhuǎn)正確答案:【規(guī)劃網(wǎng)站的欄目結(jié)構(gòu)就是對網(wǎng)站內(nèi)容進(jìn)行合理細(xì)分和組織，并歸納出各級欄目#網(wǎng)狀結(jié)構(gòu)允許瀏覽者無目的地在各個(gè)頁面間自由跳轉(zhuǎn)】13、問題：從表現(xiàn)形式上可將導(dǎo)航分成（）選項(xiàng)：A、菜單B、站內(nèi)搜索引擎C、友情鏈接D、當(dāng)前瀏覽位置正確答案:【菜單#站內(nèi)搜索引擎#當(dāng)前瀏覽位置】14、問題：對網(wǎng)站中文件夾和文件命名時(shí)，要做到（）選項(xiàng)：A、盡量用小寫英文單詞、漢語拼音或縮寫，不能包括數(shù)字和下劃線B、主頁一般命名為index.html、index.php等C、多個(gè)單詞或拼音的連接方法可采用駱駝命名法、下劃線或連字符命名法D、使用Pascal命名法時(shí)，第一個(gè)單詞或拼音的首字母應(yīng)該大寫正確答案:【主頁一般命名為index.html、index.php等#多個(gè)單詞或拼音的連接方法可采用駱駝命名法、下劃線或連字符命名法#使用Pascal命名法時(shí)，第一個(gè)單詞或拼音的首字母應(yīng)該大寫】15、問題：關(guān)于頁面中的文字設(shè)計(jì)，說法正確的是（）選項(xiàng)：A、網(wǎng)頁文本一般使用宋體、黑體等，西文字體如TimesNewRoman、Arial等，但為了好看完全可以用特殊字體B、宋體和TimesNewRoman帶有襯線，黑體和Arial不帶襯線C、細(xì)的文字顯得優(yōu)美、粗的文字顯得有力D、文字可以設(shè)置行間距，但不能設(shè)置字間距正確答案:【宋體和TimesNewRoman帶有襯線，黑體和Arial不帶襯線#細(xì)的文字顯得優(yōu)美、粗的文字顯得有力】16、問題：為了給頁面內(nèi)容分塊，增加易讀性，常用的分塊方法包括（）選項(xiàng)：A、留空B、色塊C、線框D、劃線正確答案:【留空#色塊#線框#劃線】17、問題：同一主題的網(wǎng)站，不同的設(shè)計(jì)者進(jìn)行開發(fā)，立意和設(shè)計(jì)應(yīng)該一樣。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】18、問題：任何一個(gè)采用3位十六進(jìn)制數(shù)表示的顏色，都可轉(zhuǎn)化成對應(yīng)的6位十六進(jìn)制數(shù)顏色，反之亦然。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】19、問題：Dreamweaver不僅可以設(shè)計(jì)制作網(wǎng)頁、CSS，還可以管理站點(diǎn)和站點(diǎn)文件，以及對網(wǎng)頁文件進(jìn)行復(fù)制、刪除、拷貝、重命名等操作。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】20、問題：網(wǎng)站Logo的設(shè)計(jì)創(chuàng)意可以與網(wǎng)站名稱或內(nèi)容無關(guān)，只要是中文、英文字母、符號、圖案、動(dòng)物、人物，以及進(jìn)行卡通化和藝術(shù)化加工的產(chǎn)物就可以。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】過關(guān)斬將2-11、問題：定義側(cè)欄使用哪個(gè)語義化標(biāo)簽（）選項(xiàng)：A、articleB、sectionC、asideD、div正確答案:【aside】2、問題：定義導(dǎo)航欄使用哪個(gè)語義化標(biāo)簽（）選項(xiàng)：A、headerB、sectionC、asideD、nav正確答案:【nav】3、問題：定義文檔中相對完整的節(jié)或內(nèi)容區(qū)塊使用哪個(gè)語義化標(biāo)簽（）選項(xiàng)：A、divB、sectionC、mainD、article正確答案:【section】4、問題：HTML5中，表示頁面中一個(gè)內(nèi)容區(qū)塊或整個(gè)頁面的頭部的標(biāo)簽是（）選項(xiàng)：A、articleB、navC、sectionD、header正確答案:【header】5、問題：以下哪個(gè)標(biāo)簽不是HTML5的語義化標(biāo)簽（）選項(xiàng)：A、headerB、sectionC、marqueeD、article正確答案:【marquee】6、問題：下列選項(xiàng)中，屬于類選擇器的是（）B、abcC、pD、.abcE、*正確答案:【.abc】7、問題：給divid=special定義CSS，正確的是（）選項(xiàng)：A、.special{}C、special{}D、div.special{}E、:special{}正確答案:【#special{}】8、問題：下列選項(xiàng)中，屬于元素選擇器的是（）選項(xiàng)：A、abcB、headerD、mainE、.nav正確答案:【header】9、問題：下面的選項(xiàng)中，CSS樣式規(guī)則的具體格式正確的是（）選項(xiàng)：A、選擇器{屬性1:屬性值1,屬性2:屬性值2,屬性3:屬性值3;}B、選擇器{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}C、選擇器{屬性1:屬性值1屬性2:屬性值2屬性3:屬性值3}D、選擇器{屬性值1屬性值2屬性值3}正確答案:【選擇器{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}】10、問題：當(dāng)p標(biāo)記內(nèi)嵌套strong標(biāo)記時(shí)，用后代選擇器表示為（）選項(xiàng)：A、strongp{color:red;}B、pstrong{color:red;}C、strong,p{color:red;}D、p.strong{color:red;}正確答案:【pstrong{color:red;}】11、問題：將div類名以'c'開頭元素添加文字為紅色，書寫正確的是（）選項(xiàng)：A、div[class^=c]{color:red}B、div[class$=c]{color:red}C、div[class=c]{color:red}D、div[class*=c]{color:red}正確答案:【div[class^=c]{color:red}】12、問題：下列哪個(gè)選項(xiàng)的CSS語法是正確的（）選項(xiàng)：A、body:color=blackB、{body:color=black(body}C、body{color:black}D、{body;color:black}正確答案:【body{color:black}】13、問題：下列選項(xiàng)中，屬于并集選擇器書寫方式的是（）選項(xiàng)：A、ap{}B、a_p{}C、a,p{}D、a-p{}正確答案:【a,p{}】14、問題：用于設(shè)置HTML頁面中的內(nèi)容外觀顯示樣式的是（）選項(xiàng)：A、htmlB、html5C、cssD、標(biāo)簽屬性正確答案:【css】15、問題：下列選擇器，能夠設(shè)置鼠標(biāo)懸停狀態(tài)下的樣式的是（）選項(xiàng)：A、:hoverB、:activeC、:focusD、:link正確答案:【:hover】16、問題：下列關(guān)于CSS重要性的說法中正確的是（）選項(xiàng)：A、!important要寫在分號“;”的前面B、!important要寫在相關(guān)屬性值的前面C、!important權(quán)值為1000D、!important只能應(yīng)用與字體樣式設(shè)置正確答案:【!important要寫在分號“;”的前面】17、問題：下列選項(xiàng)中，屬于HTML5布局標(biāo)簽的有（）選項(xiàng)：A、divB、pC、navD、section正確答案:【div#nav#section】18、問題：下列選項(xiàng)中，正確的選擇器是（）B、abcC、p.abcD、a:hoverF、abcp正確答案:【#abc#p.abc#a:hover##abcp】19、問題：下面的選項(xiàng)中,CSS樣式書寫正確的是（）選項(xiàng)：A、p{font-size:12px;color:red;}B、p{font-size=12px;color=red}C、p{font-size:12px;}D、p{font-size:12;color:red;}正確答案:【p{font-size:12px;color:red;}#p{font-size:12px;}】20、問題：下列選項(xiàng)中，屬于HTML5新特性的是（）選項(xiàng)：A、語義B、音頻視頻能力的增強(qiáng)C、離線存儲D、簡化DOCTYPE和字符集聲明正確答案:【語義#音頻視頻能力的增強(qiáng)#離線存儲#簡化DOCTYPE和字符集聲明】21、問題：下列關(guān)于CSS繼承性的說法中正確的有（）選項(xiàng)：A、CSS不具有繼承性B、它允許樣式不僅應(yīng)用于某個(gè)特定HTML標(biāo)簽，而且應(yīng)用于其后代C、它允許樣式不僅應(yīng)用于某個(gè)特定HTML標(biāo)簽，而且應(yīng)用于其父元素D、一個(gè)標(biāo)簽嵌套另一個(gè)標(biāo)簽，兩個(gè)標(biāo)簽中都有文字，會顯示為一種顏色正確答案:【它允許樣式不僅應(yīng)用于某個(gè)特定HTML標(biāo)簽，而且應(yīng)用于其后代#一個(gè)標(biāo)簽嵌套另一個(gè)標(biāo)簽，兩個(gè)標(biāo)簽中都有文字，會顯示為一種顏色】22、問題：下列選項(xiàng)中，關(guān)于并集選擇器的描述正確的是（）選項(xiàng)：A、并集選擇器的各個(gè)選擇器通過逗號連接B、并集選擇器用空格分隔C、并集選擇器把選中的元素設(shè)置成相同的樣式D、并集選擇器不能和其他選擇器一起使用正確答案:【并集選擇器的各個(gè)選擇器通過逗號連接#并集選擇器把選中的元素設(shè)置成相同的樣式】23、問題：section標(biāo)簽經(jīng)常用來表示一段專題性的內(nèi)容，一般會帶有標(biāo)題選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】24、問題：語義化標(biāo)簽不僅提升了網(wǎng)頁的質(zhì)量和語義，并且對搜索引擎能起到良好的優(yōu)化效果。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】25、問題：后代選擇器用逗號標(biāo)識。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】過關(guān)斬將2-21、問題：下列哪個(gè)選項(xiàng)可以改變盒子的左外邊距（）選項(xiàng)：A、margin-leftB、padding-leftC、margin-rightD、padding-right正確答案:【margin-left】2、問題：下列樣式代碼中，用于定義盒子上邊框?yàn)?像素、藍(lán)色、單實(shí)線的是（）選項(xiàng)：A、border:1pxsolidblue;B、border-top:1pxdashedblue;C、border:1pxdashedblue;D、border-top:1pxsolidblue;正確答案:【border-top:1pxsolidblue;】3、問題：下列樣式代碼中，可以將塊元素轉(zhuǎn)換為行內(nèi)元素的是（）選項(xiàng)：A、display:none;B、display:block;C、display:inline-block;D、display:inline;正確答案:【display:inline;】4、問題：一個(gè)盒子的寬(width)和高(height)均為300px，左內(nèi)邊距為30px，同時(shí)盒子有3px的邊框，請問這個(gè)盒子的總寬度是（）選項(xiàng)：A、333pxB、366pxC、336pxD、363px正確答案:【336px】5、問題：在使用css3盒模型時(shí)，box-sizing屬性設(shè)置為（），元素的寬度只是該元素內(nèi)容的寬度，而不包括邊框和內(nèi)邊距的寬度選項(xiàng)：A、content-boxB、border-boxC、text-boxD、none正確答案:【content-box】6、問題：下列表示pid=show的選擇器為（）B、showC、.showD、$showE、*show正確答案:【#show】7、問題：盒子模型有多個(gè)屬性，其中元素內(nèi)容與邊框之間的距離通常被稱為（）選項(xiàng)：A、外邊距B、空白C、內(nèi)邊距D、空白距正確答案:【內(nèi)邊距】8、問題：下列選項(xiàng)中，可清除元素默認(rèn)內(nèi)、外邊距的是（）選項(xiàng)：A、font-size:0;B、line-height:0;C、padding:0;D、margin:0;正確答案:【padding:0;#margin:0;】9、問題：下列選項(xiàng)中，屬于盒子模型的組成部分的是（）選項(xiàng)：A、marginB、borderC、paddingD、content正確答案:【margin#border#padding#content】10、問題：下列選項(xiàng)中，屬于盒子模型中的邊框?qū)傩缘氖牵ǎ┻x項(xiàng)：A、border-styleB、border-heightC、border-widthD、border-color正確答案:【border-style#border-width#border-color】11、問題：關(guān)于樣式代碼“padding:20px30px10px;”，下列說法正確的是（）選項(xiàng)：A、該元素上下方向的內(nèi)邊距均為20pxB、該元素的上內(nèi)邊距為20px，左右內(nèi)邊距為30px，下內(nèi)邊距為10pxC、該樣式等價(jià)于“padding:20px30px10px30px;”D、以上說法均不對正確答案:【該元素的上內(nèi)邊距為20px，左右內(nèi)邊距為30px，下內(nèi)邊距為10px#該樣式等價(jià)于“padding:20px30px10px30px;”】12、問題：父元素沒有上內(nèi)邊距和邊框，則父元素與子元素的上外邊距合并為較大者。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】13、問題：上下相鄰的塊元素，如果上面的元素有下外邊距，下面的元素有上外邊距，則垂直邊距為兩者之和。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】14、問題：“padding:10px;”只設(shè)置上邊填充為10像素，其它三邊為0像素。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】15、填空題：設(shè)置body的外邊距為0的樣式代碼為（）正確答案:【margin:0##%_YZPRLFH_%##margin:0px】過關(guān)斬將2-31、問題：下列選項(xiàng)中，用于設(shè)置字間距的屬性是（）選項(xiàng)：A、letter-spacingB、letter-spaceC、font-spacingD、font-space正確答案:【letter-spacing】2、問題：下列選項(xiàng)中，哪個(gè)聲明可用來給元素添加下劃線（）選項(xiàng)：A、text-indent:underlineB、text-decoration:underlineC、text-transform:underlineD、text-align:underline正確答案:【text-decoration:underline】3、問題：當(dāng)網(wǎng)頁中n個(gè)元素需要水平排列顯示時(shí)，不能使用哪個(gè)CSS屬性（）選項(xiàng)：A、float:none;B、display:inline-block;C、float:left;D、display:inline;正確答案:【float:none;】4、問題：下列關(guān)于盒子陰影的說法中，正確的是（）選項(xiàng)：A、text-shadow屬性可以給對象實(shí)現(xiàn)陰影效果B、box-shadow屬性可以給對象實(shí)現(xiàn)陰影效果C、box-shadow屬性至多有4個(gè)參數(shù)設(shè)置D、text-shadow屬性至多有4個(gè)參數(shù)設(shè)置正確答案:【box-shadow屬性可以給對象實(shí)現(xiàn)陰影效果】5、問題：以下不屬于background-clip的值的是（）選項(xiàng)：A、border-boxB、padding-boxC、content-boxD、none正確答案:【none】6、問題：下列選項(xiàng)中，設(shè)置外陰影且陰影在盒子右側(cè)的選項(xiàng)是（）選項(xiàng)：A、box-shadow:7px-4px10pxB、000insetC、box-shadow:-7px4px10pxD、000E、box-shadow:7px-4px10pxF、000G、box-shadow:7px4px10pxH、000inset正確答案:【box-shadow:7px-4px10px#000】7、問題：下列關(guān)于盒陰影的說法中，正確的是（）選項(xiàng)：A、text-shadow屬性可以給對象實(shí)現(xiàn)圖層陰影效果B、box-shadow屬性可以給對象實(shí)現(xiàn)圖層陰影效果C、box-shadow屬性至多有4個(gè)參數(shù)設(shè)置D、text-shadow屬性至多有4個(gè)參數(shù)設(shè)置正確答案:【box-shadow屬性可以給對象實(shí)現(xiàn)圖層陰影效果】8、問題：下列選項(xiàng)中，設(shè)置背景圖完全包含在背景區(qū)域中使用background-size屬性，取值為（）選項(xiàng)：A、coverB、containC、percentageD、length正確答案:【contain】9、問題：font-weight屬性之中，用于粗體的屬性值是（）選項(xiàng)：A、boldB、bolderC、boldedD、font-bold正確答案:【bold】10、問題：下列選項(xiàng)中，用于設(shè)置字體顏色的屬性是（）選項(xiàng)：A、bg-colorB、colorC、background-colorD、font-color正確答案:【color】11、問題：下列選項(xiàng)中，用于設(shè)置英文文本轉(zhuǎn)換的屬性是（）選項(xiàng)：A、text-transformB、letter-transformC、word-transformD、english-transform正確答案:【text-transform】12、問題：font-style屬性用于設(shè)置字體風(fēng)格，它的默認(rèn)值是（）選項(xiàng)：A、noneB、obliqueC、italicD、normal正確答案:【normal】13、問題：下列選項(xiàng)中，用于設(shè)置CSS3中的線性漸變的選項(xiàng)為（）選項(xiàng)：A、background-image:repeating-linear-gradient(參數(shù)值);B、background-image:repeating-radial-gradient(參數(shù)值);C、background-image:radial-gradient(參數(shù)值);D、background-image:linear-gradient(參數(shù)值);正確答案:【background-image:radial-gradient(參數(shù)值);】14、問題：CSS3線性漸變中的關(guān)鍵詞，表示從右下角到左上角的是（）選項(xiàng)：A、totopleftB、totoprightC、tobottomleftD、tobottomright正確答案:【totopleft】15、問題：實(shí)現(xiàn)一個(gè)css3線性漸變效果，漸變的方向是從右上角到左下角，起點(diǎn)顏色是從白色到黑色，以下寫法正確的是（）選項(xiàng)：A、background:linear-gradient(225deg,rgba(0,0,0,1),rgba(255,255,255,1));B、background:linear-gradient(-135deg,hsla(120,100%,0%,1),hsla(240,100%,100%,1));C、background:linear-gradient(totopleft,white,black);D、background:linear-gradient(tobottomleft,white,black);正確答案:【background:linear-gradient(tobottomleft,white,black);】16、問題：要想使class屬性值分別為first、second的div元素水平排列，正確的CSS定義有（）選項(xiàng)：A、.first,.second{float:left;}B、.first,.second{float:right;}C、.first{float:left,width:100px;}.second{margin-left:100px;}D、.first{float:right;}.second{width:1000px;}正確答案:【.first,.second{float:left;}#.first,.second{float:right;}#.first{float:left,width:100px;}.second{margin-left:100px;}#.first{float:right;}.second{width:1000px;}】17、問題：下列選項(xiàng)中，設(shè)置字體為微軟雅黑的寫法，正確的是（）選項(xiàng)：A、font-style:微軟雅黑;B、font-family:微軟雅黑;C、font-style:MicrosoftYaHei;D、font-family:MicrosoftYaHei;正確答案:【font-family:微軟雅黑;#font-family:MicrosoftYaHei;】18、問題：text-transform用于設(shè)置英文文本轉(zhuǎn)換，下列選項(xiàng)中，取值正確的是（）選項(xiàng)：A、lowercaseB、noneC、uppercaseD、capitalize正確答案:【lowercase#none#uppercase#capitalize】19、問題：下列選項(xiàng)中，有關(guān)百分比布局的說法，錯(cuò)誤的是（）選項(xiàng)：A、任何時(shí)候都要應(yīng)用百分比布局，它已經(jīng)完全替代了固定布局B、在進(jìn)行響應(yīng)式開發(fā)時(shí)適合使用百分比布局C、固定布局可以換算為百分比布局D、固定布局和百布局不分比能換算正確答案:【任何時(shí)候都要應(yīng)用百分比布局，它已經(jīng)完全替代了固定布局#固定布局和百布局不分比能換算】20、問題：CSS3的漸變屬性主要包括（）選項(xiàng)：A、線性漸變B、徑向漸變C、重復(fù)漸變D、復(fù)雜漸變正確答案:【線性漸變#徑向漸變#重復(fù)漸變】21、問題：使塊級元素水平居中，需要遵循以下哪些條件（）選項(xiàng)：A、為元素設(shè)置高度(height)B、為元素設(shè)置寬度(width)C、將元素左右外邊距的值設(shè)置為autoD、使元素浮動(dòng)(float)正確答案:【為元素設(shè)置寬度(width)#將元素左右外邊距的值設(shè)置為auto】22、問題：font-size屬性用于設(shè)置字號大小，下列選項(xiàng)中取值正確的有（）選項(xiàng)：A、2pxB、3.5pxC、6emD、0.2正確答案:【2px#3.5px#6em#0.2】23、問題：下列選項(xiàng)中，可以作為text-indent取值的有（）選項(xiàng)：A、2pxB、3.5pxC、6emD、20%正確答案:【2px#3.5px#6em#20%】24、問題：下列關(guān)于CSS3漸變的說法中，錯(cuò)誤的是（）選項(xiàng)：A、漸變是兩種或多種顏色之間的平滑過渡B、線性漸變通過“background-image:linear-gradient(參數(shù)值);”來設(shè)置線性漸變中totop代表從上到下C、線性漸變中totop代表從上到下D、徑性漸變通過“background-image:linear-gradient(參數(shù)值);”來設(shè)置正確答案:【線性漸變中totop代表從上到下#徑性漸變通過“background-image:linear-gradient(參數(shù)值);”來設(shè)置】25、填空題：在CSS中，可以使用（）屬性為盒子添加陰影效果。正確答案:【box-shadow】同伴互評創(chuàng)新訓(xùn)練作業(yè)知識能力測驗(yàn)1、問題：定義博客條目或用戶評論使用哪個(gè)語義化標(biāo)簽（）選項(xiàng)：A、sectionB、articleC、asideD、nav正確答案:【article】2、問題：下列選項(xiàng)中，符合后代選擇器書寫要求的是（）選項(xiàng)：A、pstrong{font-weight:bold;}B、p.strong{font-weight:bold;}C、p,strong{font-weight:bold;}D、pE、div{font-weight:bold;}正確答案:【pstrong{font-weight:bold;}】3、問題：下列選項(xiàng)中，屬于屬性選擇器的是（）選項(xiàng)：A、type=textB、a.hrefC、a.linkD、[type=text]正確答案:【[type=text]】4、問題：下列選項(xiàng)中，哪個(gè)聲明可用來給元素添加刪除線（）選項(xiàng)：A、text-indent:line-throughB、text-align:line-throughC、text-decoration:line-throughD、text-transform:line-through正確答案:【text-decoration:line-through】5、問題：下列選項(xiàng)中，用于更改元素左內(nèi)邊距的是（）選項(xiàng)：A、text-indentB、padding-leftC、margin-leftD、padding-righ正確答案:【padding-left】6、問題：下列選項(xiàng)中，設(shè)置背景圖在橫向上平鋪的取值為（）選項(xiàng)：A、repeatB、repeat-yC、repeat-xD、no-repeat正確答案:【repeat-x】7、問題：下列關(guān)于盒子陰影的說法中，正確的是（）選項(xiàng)：A、text-shadow屬性可以給對象實(shí)現(xiàn)陰影效果B、box-shadow屬性可以給對象實(shí)現(xiàn)陰影效果C、box-shadow屬性至多有4個(gè)參數(shù)設(shè)置D、text-shadow屬性至多有4個(gè)參數(shù)設(shè)置正確答案:【box-shadow屬性可以給對象實(shí)現(xiàn)陰影效果】8、問題：下面選項(xiàng)中，哪個(gè)方法可以去掉文本超鏈接的下劃線（）選項(xiàng)：A、a{text-decoration:nounderline;}B、a{underline:none;}C、a{decoration:nounderline;}D、a{text-decoration:none;}正確答案:【a{text-decoration:none;}】9、問題：下列屬性中屬于復(fù)合屬性的是（）選項(xiàng)：A、font-styleB、fontC、font-weightD、font-family正確答案:【font】10、問題：下列選項(xiàng)中，哪個(gè)CSS屬性可以更改字體大?。ǎ┻x項(xiàng)：A、text-sizeB、font-sizeC、text-styleD、font-style正確答案:【font-size】11、問題：Chrome瀏覽器內(nèi)核為（）選項(xiàng)：A、TridentB、GoogleC、WebkitD、Safri正確答案:【W(wǎng)ebkit】12、問題：關(guān)于引入樣式的優(yōu)先級說法正確的是（）選項(xiàng)：A、內(nèi)聯(lián)樣式!important內(nèi)部樣式外部樣式B、!important內(nèi)聯(lián)樣式內(nèi)部樣式外部樣式C、!important內(nèi)聯(lián)樣式外部樣式內(nèi)部樣式D、以上都不正確正確答案:【以上都不正確】13、問題：LoVeHAte原則是指（）選項(xiàng)：A、CSS鏈接的四種狀態(tài)B、為四種不同狀態(tài)的鏈接設(shè)置不同樣式，按照link、visitehover、active的順序設(shè)置C、為四種不同狀態(tài)的鏈接設(shè)置不同樣式，按照link、hover、visiteactive的順序設(shè)置D、以上說法都不對正確答案:【為四種不同狀態(tài)的鏈接設(shè)置不同樣式，按照link、visitehover、active的順序設(shè)置】14、問題：下列選項(xiàng)中，行內(nèi)式引入CSS樣式表書寫正確的是（）選項(xiàng)：A、pstyle=font-size:12px;color:red;段落文本/pB、pstyle=font-size:12px,color:red;段落文本/pC、pstyle=font-size:12px;color:red;段落文本/pD、pstyle=font:12px;color:red;段落文本/p正確答案:【pstyle=font-size:12px;color:red;段落文本/p】15、問題：關(guān)于box-shadow說法正確的是（）選項(xiàng)：A、設(shè)置文字投影B、第一個(gè)值是設(shè)置水平距離的C、第二個(gè)值是設(shè)置水平距離的D、第三個(gè)值是設(shè)置投影顏色的正確答案:【第一個(gè)值是設(shè)置水平距離的】16、問題：下列關(guān)于background屬性說法錯(cuò)誤的是（）選項(xiàng)：A、是復(fù)合背景屬性B、可以設(shè)置圖片背景C、可以規(guī)定背景圖像的尺寸D、該屬性可繼承正確答案:【該屬性可繼承】17、問題：使用紅、綠、藍(lán)的顏色比及透明度來表示顏色的取值為（）選項(xiàng)：A、red,green,blueB、rgba(255,0,0,0.5)D、FF0000E、hsla(120,100%,25%,0.3)正確答案:【rgba(255,0,0,0.5)】18、問題：需要設(shè)置傾斜字體樣式時(shí)，font-style的取值為（）選項(xiàng)：A、italicB、normalC、inclineD、oblique正確答案:【oblique】19、問題：每段文字都需要首行縮進(jìn)兩個(gè)字的距離，該設(shè)置什么屬性（）選項(xiàng)：A、text-transformB、text-alignC、text-indentD、text-decoration正確答案:【text-indent】20、問題：在實(shí)際開發(fā)中，網(wǎng)頁鏈接有那幾種狀態(tài)（）選項(xiàng)：A、a:linkB、a:hoverC、a:activeD、a:visited正確答案:【a:link#a:hover#a:active#a:visited】21、問題：下列選項(xiàng)中，屬于HTML5布局標(biāo)簽的有（）選項(xiàng)：A、divB、pC、navD、section正確答案:【div#nav#section】22、問題：CSS定義:.first{float:left;width:100px;}.second{margin-left:200px;}會使2個(gè)div元素（）選項(xiàng)：A、水平排列B、first元素在左,second在右C、first元素在上,second在下D、垂直排列正確答案:【水平排列#first元素在左,second在右】23、問題：下列選項(xiàng)中，正確的選擇器是（）選項(xiàng)：A、*B、p:focusaC、section,header,footerD、abc_p正確答案:【*#p:focusa#section,header,footer】24、問題：下列選項(xiàng)中，屬于盒子模型中的邊框?qū)傩缘氖牵ǎ┻x項(xiàng)：A、border-styleB、border-heightC、border-widthD、border-color正確答案:【border-style#border-width#border-color】25、問題：HTML5版本可支持的HTML歷史版本包括（）選項(xiàng)：A、HTML4.0B、XHTML1.0C、HTML3.2D、HTML4.01正確答案:【HTML4.0#XHTML1.0#HTML3.2#HTML4.01】26、問題：下列選項(xiàng)中，關(guān)于后代選擇器的說法正確的是（）選項(xiàng)：A、后代選擇器主要用于嵌套的標(biāo)簽B、后代選擇器可以用于很多層的標(biāo)簽嵌套C、后代選擇器多個(gè)標(biāo)簽之間是用.隔開的D、后代選擇器外層標(biāo)記寫在前面,內(nèi)層標(biāo)記寫在后面正確答案:【后代選擇器主要用于嵌套的標(biāo)簽#后代選擇器可以用于很多層的標(biāo)簽嵌套#后代選擇器外層標(biāo)記寫在前面,內(nèi)層標(biāo)記寫在后面】27、問題：頁面布局方式包括（）選項(xiàng)：A、布局標(biāo)簽+CSSB、DIV+CSSC、框架D、列表正確答案:【布局標(biāo)簽+CSS#DIV+CSS#框架】28、問題：Web標(biāo)準(zhǔn)包括（）選項(xiàng)：A、結(jié)構(gòu)化標(biāo)準(zhǔn)B、表現(xiàn)標(biāo)準(zhǔn)C、網(wǎng)頁標(biāo)準(zhǔn)D、行為標(biāo)準(zhǔn)正確答案:【結(jié)構(gòu)化標(biāo)準(zhǔn)#表現(xiàn)標(biāo)準(zhǔn)#行為標(biāo)準(zhǔn)】29、問題：下列關(guān)于word-wrap屬性的描述中正確的是（）選項(xiàng)：A、用于設(shè)置文字對某個(gè)元素的環(huán)繞B、用于設(shè)置長單詞或URL自動(dòng)換行C、取值為break-word時(shí)，只在允許的斷字點(diǎn)換行D、默認(rèn)只在允許的斷字點(diǎn)換行正確答案:【用于設(shè)置長單詞或URL自動(dòng)換行#默認(rèn)只在允許的斷字點(diǎn)換行】30、問題：下列選項(xiàng)中，屬于后代（包含）選擇器的是（）選項(xiàng)：A、p.specialaB、p.moreC、a:linkD、div,p,li正確答案:【p.speciala#p.more】31、問題：盒陰影box-shadow中“陰影模糊值”可以為負(fù)數(shù)。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】32、問題：偽選擇器不是直接對應(yīng)HTML中定義的元素，而是向選擇器增加特殊的效果。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】33、問題：CSS3中的線性漸變通過“background-image:linear-gradient(參數(shù)值);”來設(shè)置。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】34、問題：在一個(gè)網(wǎng)頁中，默認(rèn)情況下行內(nèi)元素獨(dú)占一行。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】35、問題：任何時(shí)候都要應(yīng)用百分比布局，它已經(jīng)完全替代了固定布局。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】36、問題：浮動(dòng)元素的外邊緣不會超過其父元素的內(nèi)邊緣。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】37、問題：不是作為導(dǎo)航的鏈接不應(yīng)該出現(xiàn)在nav元素中，如頁腳的服務(wù)條款、首頁、版權(quán)聲明等鏈接。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】38、問題：一個(gè)網(wǎng)頁中可以使用多個(gè)footer元素。footer元素內(nèi)的聯(lián)系信息、聯(lián)系方式應(yīng)該位于address標(biāo)簽中。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】39、問題：article元素中不能包含header、footer、aside標(biāo)簽。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】40、填空題：HTML5中，用于放置頁面中導(dǎo)航鏈接的標(biāo)簽是（）正確答案:【##%_YZPRLFH_%##】過關(guān)斬將3-11、問題：以下說法正確的是（）選項(xiàng)：A、在HTML5中，p標(biāo)簽可以不帶右標(biāo)簽B、在各個(gè)瀏覽器中，6級標(biāo)題的大小均是固定的C、p、h1、pre、q均是塊級元素D、pre元素在顯示時(shí)會將其中包含的空格和換行壓縮正確答案:【在HTML5中，p標(biāo)簽可以不帶右標(biāo)簽】2、問題：以下哪個(gè)不是網(wǎng)頁中圖像的格式（）選項(xiàng)：A、.pngB、.bmpC、.tifD、.jpg正確答案:【.tif】3、問題：以下說法正確的是（）選項(xiàng)：A、gif格式的圖片支持透明通道和動(dòng)畫B、jpg格式的圖片支持透明通道，但不支持動(dòng)畫C、png格式的圖片不支持透明通道，但支持動(dòng)畫D、svg格式的圖片不支持透明通道和動(dòng)畫正確答案:【gif格式的圖片支持透明通道和動(dòng)畫】4、問題：下列選項(xiàng)中，關(guān)于video標(biāo)簽的描述，錯(cuò)誤的是（）選項(xiàng)：A、src屬性用于設(shè)置視頻文件的路徑B、width和height是video標(biāo)簽的必須屬性C、src和controls是video標(biāo)簽的基本屬性D、video標(biāo)簽來定義視頻播放器正確答案:【width和height是video標(biāo)簽的必須屬性】5、問題：下列選項(xiàng)中，用于設(shè)置當(dāng)單個(gè)視頻循環(huán)播放的屬性是（）選項(xiàng)：A、preloadB、controlsC、autoplayD、loop正確答案:【loop】6、問題：關(guān)于元素的alt與title屬性的異同，正確的說法是（）選項(xiàng)：A、不同的瀏覽器，表現(xiàn)一樣B、alt和title同時(shí)設(shè)置時(shí)，alt作為圖片的替代文字出現(xiàn)，title是圖片的解釋文字C、alt和title同時(shí)設(shè)置時(shí)，title作為圖片的替代文字出現(xiàn)，alt是圖片的解釋文字D、以上說法都不正確正確答案:【alt和title同時(shí)設(shè)置時(shí)，alt作為圖片的替代文字出現(xiàn)，title是圖片的解釋文字】7、問題：精靈圖要求圖片大小最大為（）選項(xiàng)：A、100KBB、200KBC、300KBD、400KB正確答案:【200KB】8、問題：以下說法正確的是（）選項(xiàng)：A、i、em、strong均是行內(nèi)元素B、blockquote是塊級元素，會左右縮進(jìn)顯示C、dl、dt、dd用于定義列表D、b和strong的默認(rèn)顯示效果相同正確答案:【i、em、strong均是行內(nèi)元素#blockquote是塊級元素，會左右縮進(jìn)顯示#dl、dt、dd用于定義列表#b和strong的默認(rèn)顯示效果相同】9、問題：以下哪些是a的正確寫法（）選項(xiàng)：A、ahref=”xxx.rar”鏈接/aB、ahref=”index.html”鏈接/aC、ahref=””鏈接/aD、ahref=”xxx.jpg”鏈接/a正確答案:【ahref=”xxx.rar”鏈接/a#ahref=”index.html”鏈接/a#ahref=””鏈接/a#ahref=”xxx.jpg”鏈接/a】10、問題：在HTML5中，用于播放視頻與音頻文件的元素是（）。選項(xiàng)：A、video元素B、audio元素C、music元素D、move元素正確答案:【video元素#audio元素】11、問題：可以將一幅大圖像劃分成多個(gè)熱區(qū)，分別鏈接到不同的目標(biāo)。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】12、問題：網(wǎng)頁中的多媒體元素均是塊級元素。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】13、問題：目前為止所有視頻格式都能讓所有瀏覽器支持。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】過關(guān)斬將3-21、問題：下列選項(xiàng)中，不屬于后代（包含）選擇器的是（）選項(xiàng)：A、.specialaB、p.moreC、a:linkimgD、p,li正確答案:【p,li】2、問題：網(wǎng)頁鏈接中，a:link代表該鏈接為什么狀態(tài)（）選項(xiàng)：A、把鼠標(biāo)放上去時(shí)懸停的狀態(tài)B、鼠標(biāo)點(diǎn)擊時(shí)的狀態(tài)C、超級鏈接的初始狀態(tài)D、是訪問過后的狀態(tài)正確答案:【超級鏈接的初始狀態(tài)】3、問題：下列選項(xiàng)中，用于設(shè)置字體粗細(xì)的屬性是（）選項(xiàng)：A、font-styleB、font-heightC、font-weightD、font-faimily正確答案:【font-weight】4、問題：要跨行合并單元格3個(gè)單元格，應(yīng)該使用哪個(gè)（）選項(xiàng)：A、colspan=”3”B、rowspan=”3”C、cols=”3”D、rows=”3”正確答案:【rowspan=”3”】5、問題：下列選項(xiàng)中，屬于塊級元素的是（）選項(xiàng)：A、spanB、pC、divD、ul正確答案:【p#div#ul】6、問題：在下面的選項(xiàng)中,符合CSS選擇器的語法格式的是（）選項(xiàng)：A、p{font-size:12px;}C、myfont{font-weight:bold;}D、.green{color:green;}E、*{margin:0;padding:0;}正確答案:【p{font-size:12px;}##myfont{font-weight:bold;}#.green{color:green;}#*{margin:0;padding:0;}】7、問題：為文本添加陰影的語法是“選擇器{text-shadow:h-shadowv-shadowblurcolor;}”,下列對該語法取值解釋正確的有（）選項(xiàng)：A、h-shadow用于設(shè)置水平陰影的距離B、h-shadow用于設(shè)置垂直陰影的距離C、v-shadow用于設(shè)置垂直陰影的距離D、v-shadow用于設(shè)置水平陰影的距離正確答案:【h-shadow用于設(shè)置水平陰影的距離#v-shadow用于設(shè)置垂直陰影的距離】8、問題：下列選項(xiàng)中，list-style-position可以設(shè)置的值包括（）選項(xiàng)：A、insideB、noneC、outsideD、以上都正確正確答案:【inside#outside】9、問題：以下哪些是list-style-type的取值（）選項(xiàng)：A、lower-romanB、lower-alphaC、circleD、disc正確答案:【lower-roman#lower-alpha#circle#disc】10、問題：以下哪些標(biāo)簽可以嵌套在table元素中（）選項(xiàng)：A、theadB、tfootC、trD、row正確答案:【thead#tfoot#tr】11、問題：以下關(guān)于table的說法中，正確的是（）選項(xiàng)：A、th與td都是單元格標(biāo)簽，不同在于前者會將內(nèi)容加粗顯示B、表格中可以沒有thead、tfoot標(biāo)簽，但不能沒有tbody標(biāo)簽C、表格中可以包含多個(gè)thead標(biāo)簽，或多個(gè)tfoot標(biāo)簽，或多個(gè)tbody標(biāo)簽D、表格中可以沒有caption標(biāo)簽正確答案:【th與td都是單元格標(biāo)簽，不同在于前者會將內(nèi)容加粗顯示#表格中可以沒有caption標(biāo)簽】12、問題：title屬性用來給元素提供額外的說明信息，可用于所有元素上。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】13、問題：當(dāng)list-style-image和list-style-type同時(shí)設(shè)置時(shí)，將會顯示前者。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】14、問題：要隱藏表格caption的顯示，可以使用CSS屬性”display:none;”。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】15、填空題：list-style-image的默認(rèn)值是（）正確答案:【none】過關(guān)斬將3-31、問題：以下有關(guān)CSS屬性position屬性值的描述，說法錯(cuò)誤的是（）選項(xiàng)：A、static：沒有定位，元素出現(xiàn)在正常的流中B、fixed：生成絕對定位的元素，相對于父元素進(jìn)行定位C、relative：生產(chǎn)相對定位的元素，相對于元素本身正常位置進(jìn)行定位D、absolute：生成絕對定位的元素，相對于static以外的第一個(gè)祖先元素進(jìn)行定位正確答案:【fixed：生成絕對定位的元素，相對于父元素進(jìn)行定位】2、問題：可以將元素的定位模式設(shè)置為相對定位方式的是（）選項(xiàng)：A、position:static;B、position:relative;C、position:absolute;D、position:fixed;正確答案:【position:relative;】3、問題：下列選項(xiàng)中，用于嵌套在video中指定不同文件路徑的標(biāo)簽是（）選項(xiàng)：A、srcB、sourceC、srcsD、sources正確答案:【source】4、問題：在HTML中（）用來表示引號這一特殊字符。選項(xiàng)：A、reg;B、copy;C、quot;D、nbsp;正確答案:【quot;】5、問題：以下哪個(gè)不是img的屬性（）選項(xiàng)：A、srcB、hrefC、altD、title正確答案:【href】6、問題：關(guān)于text-overflow屬性，下列選項(xiàng)中說法正確的有（）選項(xiàng)：A、取值為ellipsis時(shí)，用省略標(biāo)記“…”標(biāo)示被修剪文本，省略標(biāo)記插入的位置是最后一個(gè)字符。需要結(jié)合overflow:hidden;使用B、用于標(biāo)示對象內(nèi)溢出文本C、取值為ellipsis時(shí)，修剪溢出文本，顯示“?！盌、取值為ellipsis時(shí)，修剪溢出文本，顯示不省略標(biāo)記“…”正確答案:【取值為ellipsis時(shí)，用省略標(biāo)記“…”標(biāo)示被修剪文本，省略標(biāo)記插入的位置是最后一個(gè)字符。需要結(jié)合overflow:hidden;使用#用于標(biāo)示對象內(nèi)溢出文本】7、問題：文字溢出顯示省略號應(yīng)該擁有那些屬性（）選項(xiàng)：A、overflow:hidden;B、white-space:nowrap;C、text-overflow:ellipsis;D、width:500px;正確答案:【overflow:hidden;#white-space:nowrap;#text-overflow:ellipsis;#width:500px;】8、問題：下列樣式代碼中，可精確定義元素位置的是（）選項(xiàng)：A、special{position:absolute;}B、special{position:absolute;top:20px;left:16px;}C、special{position:relative;;top:20px;left:16px;}D、special{position:relative;}正確答案:【special{position:absolute;top:20px;left:16px;}#special{position:relative;;top:20px;left:16px;}】9、問題：關(guān)于元素的相對定位模式，下列說法正確的是（）選項(xiàng)：A、相對定位是將元素相對于它在標(biāo)準(zhǔn)文檔流中的位置進(jìn)行定位B、可通過right、bottom等偏移屬性改變相對定位元素的位置C、可通過left、top等偏移屬性改變相對定位元素的位置D、應(yīng)用相對定位后，元素在文檔流中的位置將消失正確答案:【相對定位是將元素相對于它在標(biāo)準(zhǔn)文檔流中的位置進(jìn)行定位#可通過right、bottom等偏移屬性改變相對定位元素的位置#可通過left、top等偏移屬性改變相對定位元素的位置】10、問題：下列選項(xiàng)中，有關(guān)video對象常用屬性說法正確的是（）選項(xiàng)：A、height可以用來設(shè)置視頻的高度B、height可以用來返回視頻的高度C、width可以用來設(shè)置視頻的寬度D、width可以用來返回視頻的寬度正確答案:【height可以用來設(shè)置視頻的高度#height可以用來返回視頻的高度#width可以用來設(shè)置視頻的寬度#width可以用來返回視頻的寬度】11、問題：relative表示絕對定位，相對于static定位以外的第一個(gè)上級元素進(jìn)行定位。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】12、問題：position:absolute會導(dǎo)致元素脫離文檔流。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】13、填空題：在CSS中，可以使用（）屬性為文本添加陰影效果。正確答案:【text-shadow】14、填空題：position的屬性值（）相對于瀏覽器窗口進(jìn)行定位。正確答案:【fixed】15、填空題：Video標(biāo)簽的（）屬性用來循環(huán)播放視頻。正確答案:【loop】過關(guān)斬將3-41、問題：以下不是display屬性取值的是（）選項(xiàng)：A、list-itemB、tableC、inlineD、list正確答案:【list】2、問題：只隱藏第一個(gè)列表項(xiàng)li左側(cè)的豎線，以下方法正確的是（）選項(xiàng)：A、li:first-child{border:0;}B、li:first-child{border-left-width:0;}C、li:nth-child(0){border:0;}D、li:nth-child(0){border-left-width:0;}正確答案:【li:first-child{border-left-width:0;}】3、問題：在HTML中，下列有關(guān)郵箱的鏈接書寫正確的是（）選項(xiàng)：A、ahref=mailto:zhangsan@163.com/aB、ahref=zhangsan@163.commailto:/aC、ahref=mailto:zhangsan@163.comzhangsan@163.com/aD、ahref=ftp:zhangsan@163.comzhangsan@163.com/a正確答案:【ahref=mailto:zhangsan@163.comzhangsan@163.com/a】4、問題：聯(lián)系信息和電話最適宜使用哪個(gè)語義化標(biāo)簽（）選項(xiàng)：A、spanB、asideC、addressD、p正確答案:【address】5、問題：以下哪個(gè)不是meta的屬性（）選項(xiàng)：A、nameB、http-equivC、refreshD、content正確答案:【refresh】6、問題：下列選項(xiàng)中，關(guān)于audio標(biāo)簽的描述，錯(cuò)誤的是（）選項(xiàng)：A、src屬性用于設(shè)置音頻文件的路徑B、width和height是必須屬性C、controls、autoplay、loop是基本屬性D、可以嵌套多個(gè)source標(biāo)簽正確答案:【width和height是必須屬性】7、問題：以下哪些是正確的超鏈接代碼（）選項(xiàng)：A、ahref=B、點(diǎn)擊我/aC、ahref=show.jpg點(diǎn)擊我/aD、ahref=javascript:alert(‘ok’);點(diǎn)擊我/aE、ahref=./show.html點(diǎn)擊我/a正確答案:【ahref=#點(diǎn)擊我/a#ahref=show.jpg點(diǎn)擊我/a#ahref=javascript:alert(‘ok’);點(diǎn)擊我/a#ahref=./show.html點(diǎn)擊我/a】8、問題：以下哪些是正確的特殊字符表示法（）B、169;D、copy;E、nbsp;F、169正確答案:【#169;#nbsp;】9、問題：以下哪些元素可以包含在頭部元素中（）選項(xiàng)：A、titleB、metaC、baseD、keywords正確答案:【title#meta#base】10、問題：link標(biāo)簽的常用屬性包括（）選項(xiàng)：A、hrefB、srcC、relD、type正確答案:【href#rel#type】11、問題：頁腳中的服務(wù)條款、首頁、版權(quán)聲明等鏈接不應(yīng)放在nav標(biāo)簽中，應(yīng)為它們不是導(dǎo)航。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】12、問題：hr/的默認(rèn)顯示效果是外陰影。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】同伴互評創(chuàng)新訓(xùn)練作業(yè)知識能力測驗(yàn)1、問題：下列選項(xiàng)中，用于設(shè)置當(dāng)視頻就緒后馬上播放的屬性是（）選項(xiàng)：A、preloadB、controlsC、autoplayD、loop正確答案:【autoplay】2、問題：下列選項(xiàng)中，關(guān)于Audio對象的描述，錯(cuò)誤的是（）選項(xiàng)：A、Audio對象中muted用來設(shè)置或返回是否關(guān)閉聲音B、Audio對象中paused用來設(shè)置或返回音頻是否暫停C、Audio對象中controls用來設(shè)置播放條控件D、Audio對象中width屬性用來設(shè)置寬正確答案:【Audio對象中width屬性用來設(shè)置寬】3、問題：下列選項(xiàng)中，關(guān)于元素的靜態(tài)定位模式的說法錯(cuò)誤的是（）選項(xiàng)：A、靜態(tài)定位是元素的默認(rèn)定位方式B、當(dāng)position屬性的取值為static時(shí)，可以將元素定位于靜態(tài)位置C、靜態(tài)定位時(shí)各個(gè)元素在HTML文檔流中默認(rèn)的位置D、可以通過邊偏移屬性來改變靜態(tài)定位元素的位置正確答案:【可以通過邊偏移屬性來改變靜態(tài)定位元素的位置】4、問題：只隱藏最后一個(gè)列表項(xiàng)li右側(cè)的豎線，以下方法正確的是（）選項(xiàng)：A、li:last-child{border:0;}B、li:nth-child(last){border:0;}C、li:last-child{border-right-width:0;}D、li:nth-child(last){border-right-width:0;}正確答案:【li:last-child{border-right-width:0;}】5、問題：以下說法正確的是（）選項(xiàng)：A、ul和ol中只能嵌套liB、ul用項(xiàng)目符號標(biāo)記無序項(xiàng)目，ol用編號記錄項(xiàng)目的順序C、ul、ol、li、dl、dt、dd均是塊級元素D、ul和ol可以相互嵌套使用正確答案:【ul和ol中只能嵌套li#ul用項(xiàng)目符號標(biāo)記無序項(xiàng)目，ol用編號記錄項(xiàng)目的順序#ul、ol、li、dl、dt、dd均是塊級元素#ul和ol可以相互嵌套使用】6、問題：以下哪些是網(wǎng)頁中圖像的格式（）選項(xiàng)：A、.gifB、.bmpC、.svgD、.jpg正確答案:【.gif#.bmp#.svg#.jpg】7、問題：以下哪些是a的正確寫法（）選項(xiàng)：A、ahref=”xxx.xlsx”鏈接/aB、ahref=”C、”鏈接/aD、ahref=”zs@163.com”鏈接/aE、ahref=”javascript:;”鏈接/a正確答案:【ahref=”xxx.xlsx”鏈接/a#ahref=”#”鏈接/a#ahref=”javascript:;”鏈接/a】8、問題：以下哪些元素可以包含在頭部元素中（）選項(xiàng)：A、scriptB、metaC、linkD、style正確答案:【script#meta#link#style】9、問題：關(guān)于元素的相對定位模式，下列說法正確的是（）選項(xiàng)：A、相對定位是將元素相對于它在標(biāo)準(zhǔn)文檔流中的位置進(jìn)行定位B、可通過right、bottom等偏移屬性改變相對定位元素的位置C、可通過left、top等偏移屬性改變相對定位元素的位置D、應(yīng)用相對定位后，元素在文檔流中的位置將消失正確答案:【相對定位是將元素相對于它在標(biāo)準(zhǔn)文檔流中的位置進(jìn)行定位#可通過right、bottom等偏移屬性改變相對定位元素的位置#可通過left、top等偏移屬性改變相對定位元素的位置】10、問題：以下哪些是list-style-type的取值（）選項(xiàng)：A、squareB、circleC、noneD、decimal正確答案:【square#circle#none#decimal】11、問題：以下哪些標(biāo)簽可以嵌套在table元素中（）選項(xiàng)：A、tbodyB、rowC、captionD、th正確答案:【tbody#caption#th】12、問題：以下關(guān)于table的說法中，正確的是（）選項(xiàng)：A、th與td都是單元格標(biāo)簽，可以通用B、表格中最多只能有1個(gè)thead標(biāo)簽，但可以有多個(gè)tbody標(biāo)簽C、表格中不能缺少tbody標(biāo)簽D、summary是table的屬性正確答案:【表格中最多只能有1個(gè)thead標(biāo)簽，但可以有多個(gè)tbody標(biāo)簽#summary是table的屬性】13、問題：以下哪些是display屬性的取值（）選項(xiàng)：A、tableB、table-rowC、list-itemD、none正確答案:【table#table-row#list-item#none】14、問題：q常用于短的引用，而blockquote常用于大段的引用。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】15、問題：video標(biāo)簽支持ogg、WebM、mp4、mp3視頻格式。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】16、問題：z-index只能在position屬性值為relative或absolute或fixed的元素上有效。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】17、問題：CSS的border-collapse屬性用來壓縮表格邊框。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】18、問題：定義table{border:1px;}，則表格內(nèi)所有邊框均為1px寬。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】19、問題：顯示黃色的水平線可以使用hr{border-bottom:1pxsolidyellow;}進(jìn)行。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】20、問題：精靈技術(shù)（sprites）是將不重復(fù)且顏色數(shù)比較少的背景圖像全部放置在一個(gè)圖像文件內(nèi)，且不超過200KB，再通過background-position屬性控制圖像的位置來顯示所需的背景。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】過關(guān)斬將4-11、問題：HTML5的正確doctype是（）選項(xiàng)：A、!DOCTYPEhtmlB、!DOCTYPEHTML5C、!DOCTYPEHTMLPUBLIC-D、//W3C//DTDHTML5.0//EN/TR/html5/strict.dtd正確答案:【!DOCTYPEhtml】2、問題：網(wǎng)頁文檔中以下元素可以出現(xiàn)2次以上的是（）選項(xiàng)：A、htmlB、bodyC、sectionD、head正確答案:【section】3、問題：下列選項(xiàng)中定義標(biāo)題最合理的是（）選項(xiàng)：A、span文章標(biāo)題/spanB、pb文章標(biāo)題/b/pC、h2標(biāo)題/h2D、div文章標(biāo)題/div正確答案:【h2標(biāo)題/h2】4、問題：在HTML中，下面不屬于HTML文檔的基本組成部分的是（）選項(xiàng)：A、style/styleB、body/bodyC、html/htmlD、head/head正確答案:【style/style】5、問題：以下標(biāo)簽書寫正確的是（）選項(xiàng)：A、p/B、br/C、hr/D、img/正確答案:【br/#hr/#img/】6、問題：請選出正確的選項(xiàng)（）選項(xiàng)：A、屬性要在開始標(biāo)簽中指定，用來表示該標(biāo)簽的性質(zhì)和特性B、通常都是以“屬性名=值”的形式來表示C、一個(gè)標(biāo)簽可以指定多個(gè)屬性D、指定多個(gè)屬性時(shí)不用區(qū)分順序正確答案:【屬性要在開始標(biāo)簽中指定，用來表示該標(biāo)簽的性質(zhì)和特性#通常都是以“屬性名=值”的形式來表示#一個(gè)標(biāo)簽可以指定多個(gè)屬性#指定多個(gè)屬性時(shí)不用區(qū)分順序】7、問題：關(guān)于語義化說法正確的是（）選項(xiàng)：A、語義化的HTML有利于編程者閱讀和交流B、table標(biāo)簽是語義化標(biāo)簽C、HTML4也有語義化的要求D、div、span、p都屬于語義化明確的標(biāo)簽正確答案:【語義化的HTML有利于編程者閱讀和交流#table標(biāo)簽是語義化標(biāo)簽#HTML4也有語義化的要求】8、問題：section標(biāo)簽經(jīng)常用來表示一段專題性的內(nèi)容，一般會帶有標(biāo)題。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】9、問題：p標(biāo)簽中可以嵌套p標(biāo)簽。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【錯(cuò)誤】10、問題：HTML標(biāo)簽、屬性、內(nèi)容等對搜索引擎的權(quán)重比例是不相同的，例如文檔標(biāo)題的評分值最高。選項(xiàng)：A、正確B、錯(cuò)誤正確答案:【正確】過關(guān)斬將4-21、問題：對聲明“a{color:#333;text-decoration:none;}”，解釋正確的是（）選項(xiàng)：A、對全站有鏈接的文字顏色樣式為color:B、333;并有下劃線C、對全站有鏈接的文字顏色樣式為color:D、333;并無下劃線E、對全站鏈接的文字顏色樣式為color:F、333的鏈接去掉下劃線G、對全站鏈接的文字顏色樣式為colo