網(wǎng)頁設(shè)計(jì)模擬習(xí)題及參考答案

網(wǎng)頁設(shè)計(jì)模擬習(xí)題及參考答案一、單選題（共30題，每題1分，共30分）1.關(guān)于CSS的描述，下列說法正確的是（）。A、當(dāng)CSS作為獨(dú)立的文件時(shí)，必須以.html為后綴名B、CSS用于設(shè)置HTML頁面中的文本內(nèi)容、圖片的外形以及版面的布局等外觀顯示樣式。C、只有獨(dú)立的CSS文件才符合結(jié)構(gòu)與表現(xiàn)分離的特點(diǎn)D、目前流行的CSS版本為CSS3正確答案：B2.以下屬性中，不能增加盒子尺寸的屬性是（）。A、heightB、widthC、text-decorationD、padding正確答案：C3.若要在網(wǎng)頁中插入樣式表main.css，以下用法中正確的是（）。正確答案：4.關(guān)于行內(nèi)式引入CSS樣式表，以下書寫正確的是（）。正確答案：5.下列選項(xiàng)中，不是<'img/>標(biāo)記屬性的是（）。A、srcB、heightC、hrefD、width正確答案：C6.在Dreamweaver中，使用主瀏覽器預(yù)覽網(wǎng)頁的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：B7.下面的選項(xiàng)中，表示元素距離上下左右的外邊距都是10px的是哪一項(xiàng)？（）A、{padding:10px;}B、{margin:10px;}C、{padding:10px0;}D、{margin:10px0;}正確答案：B8.WWW的中文簡稱是什么？（）A、傳輸協(xié)議B、萬維網(wǎng)C、瀏覽器D、超文本正確答案：B9.下列選項(xiàng)中，用于改變盒子模型外邊距的是（）。A、marginB、paddingC、borderD、type正確答案：A10.在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上一級文件夾，則在文件名之前加入（）。A、./B、../C、../../D、/正確答案：B11.定義有序列表<'ol>的（）屬性，可以決定有序列表項(xiàng)目符號的類型。A、typeB、valueC、hrefD、rel正確答案：A12.下面標(biāo)記中，用來顯示段落的標(biāo)記是（）。A、<'h1>B、<'img/>C、<'p>D、<'br/>正確答案：C13.關(guān)于內(nèi)嵌式引入CSS樣式表，以下書寫正確的是（）。正確答案：14.<'img/>標(biāo)記鏈接圖片的屬性是（）。A、srcB、altC、widthD、height正確答案：A15.一個(gè)盒子的寬（width）和高（height）均為300px，左內(nèi)邊距為30px，同時(shí)盒子有3px的邊框，請問這個(gè)盒子的總寬度是多少？（）A、363pxB、366pxC、336pxD、333px正確答案：C16.關(guān)于盒子模型中的寬度和高度屬性，下面說法正確的是（）。A、盒子模型中的寬度和高度屬性適用于所有元素B、盒子模型中的寬度和高度屬性僅適用于行內(nèi)元素C、盒子模型中的寬度和高度屬性僅適用于塊級元素D、以上說法都正確正確答案：C17.在下列選項(xiàng)中，對代碼“margin:10px020px;”解釋正確的是（）。A、上間距10px，左間距0，右下間距20pxB、上下間距10px，左間距0，右間距20pxC、上間距10px，左間距0，右間距20pxD、上間距10px，左右間距0，下間距20px正確答案：D18.在CSS中，提供了字體樣式屬性來控制網(wǎng)頁中的字體。下面的字體樣式設(shè)置正確的是（）。正確答案：19.下列有關(guān)CSS樣式，說法正確的是（）。A、CSS樣式必須寫在一對<'style><'/style>標(biāo)簽內(nèi)部B、CSS用于設(shè)置HTML頁面中的文本內(nèi)容、圖片的外形以及版面的布局等外觀顯示樣式C、只有外部的CSS文件才是符合結(jié)構(gòu)與表現(xiàn)分離的特點(diǎn)D、目前流行的CSS版本為CSS3正確答案：B20.下面選項(xiàng)中，可以將HTML頁面的標(biāo)題設(shè)置為“傳智播客”的是（）。A、<'h>傳智播客<'/h>B、<'t>傳智播客<'/t>C、<'title>傳智播客<'/title>D、<'head>傳智播客<'/head>正確答案：C21.在行內(nèi)式CSS樣式中，<'style>標(biāo)記可以設(shè)置元素的樣式，它一般位于（）標(biāo)記中<'title>標(biāo)記之后。A、<'h1>B、<'p>C、<'head>D、<'body>正確答案：C22.下列選項(xiàng)中，不屬于水平線標(biāo)記屬性的是（）。A、widthB、colorC、sizeD、nbsp;正確答案：D23.在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上兩級文件夾，則在文件名之前加入（）。A、./B、/C、../D、../../正確答案：D24.在HTML文檔頭部標(biāo)記中，使用<'meta>標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁描述的name屬性值應(yīng)該為（）。A、keywordsB、charsetC、descriptionD、expires正確答案：C25.在下列屬性中，用來定義文本字體顏色的是（）。A、colorB、faceC、sizeD、align正確答案：A26.在HTML中，表示內(nèi)嵌CSS樣式的標(biāo)記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B27.在CSS中，用于設(shè)置首行文本縮進(jìn)的屬性是（）。A、text-decorationB、text-alignC、text-transformD、text-indent正確答案：D28.下列選項(xiàng)中，屬于定義列表的基本語法格式的是（）。A、<'dl><'dt>名詞1<'/dt><'dd>名詞1解釋1<'/dd><'dd>名詞1解釋2<'/dd>...<'/dl>B、<'dl><'dt>名詞1<'/dt><'dt>名詞2<'/dt>...<'/dl>C、<'ol><'li>列表項(xiàng)1<'/li><'li>列表項(xiàng)2<'/li>......<'/ol>D、<'ul><'li>列表項(xiàng)1<'/li><'li>列表項(xiàng)2<'/li>......<'/ul>正確答案：A29.關(guān)于創(chuàng)建錨點(diǎn)鏈接的代碼，下列書寫正確的是（）。正確答案：30.下列樣式代碼中，用于定義盒子上邊框?yàn)?像素、藍(lán)色、單實(shí)線的是（）。A、border-top:1pxdashedblue;B、border:1pxdashedblue;C、border-top:1pxsolidblue;D、border:1pxsolidblue;正確答案：C二、多選題（共22題，每題1分，共22分）1.在盒子模型中邊框是一個(gè)重要的屬性，下列選項(xiàng)中屬于邊框?qū)傩缘氖牵ǎ?。A、border-heightB、border-colorC、border-styleD、border-width正確答案：BCD2.下面的選項(xiàng)中，支持透明的圖像是（）。A、jpg格式B、gif格式C、psd格式D、png格式正確答案：BD3.下面的選項(xiàng)中，定義字號大小正確的是（）。正確答案：4.下列選項(xiàng)中，說法正確的是（）。A、在HTML中<'hr/>是單標(biāo)記B、<'h2><'/h2>二級標(biāo)題是一個(gè)單標(biāo)記C、在HTML標(biāo)記中分為單標(biāo)記和雙標(biāo)記D、<'p><'/p>是一個(gè)雙標(biāo)記正確答案：ACD5.下列選項(xiàng)中，屬于單標(biāo)記的是（）。A、<'br/>B、<'h2><'/h2>C、<'hr/>D、<'p>正確答案：AC6.下面選項(xiàng)中，屬于網(wǎng)頁構(gòu)成元素的是（）。A、音頻B、視頻C、文字D、psd文件正確答案：ABC7.關(guān)于定義無序列表的基本語法格式，以下描述正確的是（）。A、每對中至少應(yīng)包含一對<'li><'/li>。B、<'li><'/li>標(biāo)記嵌套在<'ul><'/ul>標(biāo)記中，用于描述具體的列表項(xiàng)。C、<'ul><'/ul>標(biāo)記用于定義無序列表。D、<'li>不可以放在一對<'ul><'/ul>標(biāo)記中。正確答案：ABC8.下列選項(xiàng)中，可用于更改元素左外邊距的是（）。A、margin-leftB、marginC、text-indentD、padding-right正確答案：AB9.text-decoration屬性用于設(shè)置文本的下劃線，上劃線，刪除線等裝飾效果，其可用屬性值有（）。A、noneB、line-throughC、overlineD、underline正確答案：ABCD10.下列選項(xiàng)中屬于Web標(biāo)準(zhǔn)構(gòu)成部分的是（）。A、表現(xiàn)標(biāo)準(zhǔn)B、結(jié)構(gòu)標(biāo)準(zhǔn)C、描述標(biāo)準(zhǔn)D、行為標(biāo)準(zhǔn)正確答案：ABD11.瀏覽器是網(wǎng)頁運(yùn)行的平臺，下列屬于網(wǎng)頁制作中常用瀏覽器的是（）。A、搜狗B、火狐C、IED、谷歌正確答案：BCD12.制作網(wǎng)頁時(shí)一般需要兼容下列選項(xiàng)中的哪些瀏覽器（）。A、火狐B、ieC、谷歌D、歐朋正確答案：ABC13.文本樣式標(biāo)記<'font>可以設(shè)置的屬性有（）。A、alignB、colorC、sizeD、font-family正確答案：BC14.關(guān)于HTML的描述，下列說法正確的是（）。A、初期的HTML在語法上很寬松B、目前最新的HTML版本是HTML5C、HTML是更嚴(yán)謹(jǐn)純凈的XHTML版本D、HTML提供了許多標(biāo)記，用于對網(wǎng)頁內(nèi)容進(jìn)行描述正確答案：ABD15.下面選項(xiàng)中，有哪些瀏覽器是基于IE內(nèi)核？（）A、搜狗瀏覽器B、360瀏覽器C、谷歌瀏覽器D、遨游瀏覽器正確答案：ABD16.下列選項(xiàng)中，屬于定義列表標(biāo)記的是（）。A、<'li><'/li>B、<'td><'/td>C、<'dd><'/dd>D、<'dl><'/dl>正確答案：CD17.關(guān)于無序列表的描述，下列說法錯(cuò)誤的是（）。A、無序列表<'ul>可以讓列表項(xiàng)采用大寫羅馬字母表示。B、無序列表<'ul>里面只能放置<'li>，不能放其他標(biāo)簽。C、無序列表<'ul>里面可以直接嵌套其他標(biāo)簽。D、無序列表<'li>里面可以嵌套其他標(biāo)簽。正確答案：AC18.下列選項(xiàng)中，關(guān)于并集選擇器的書寫格式正確的是（）。A、p.one{}B、p,.one,#two,div.box{}C、p,.one{}D、p_.one{}正確答案：BC19.下列樣式代碼中，用于定義盒子上邊框?yàn)?像素、單實(shí)線、灰色的是（）。A、border-top:2pxsolid#CCC;B、border-top:2pxdashed#CCC;C、border:2pxsolid#CCC;D、border-top-style:solid;border-top-width:2px;border-top-color:#CCC;正確答案：AD20.下列樣式代碼中，可用于設(shè)置背景圖像平鋪方式的是（）。A、background-attachment:fixed;B、background-repeat:no-repeat;C、background-repeat:repeat-x;D、background-attachment:scroll;正確答案：BC21.下列選項(xiàng)中，說法正確的是（）。A、<'h2><'/h2>二級標(biāo)題是一個(gè)單標(biāo)記B、在HTML標(biāo)記中分為單標(biāo)記和雙標(biāo)記C、<'p><'/p>是一個(gè)雙標(biāo)記D、在HTML中還有一種特殊的標(biāo)記--注釋標(biāo)記正確答案：BCD22.下列選項(xiàng)中的術(shù)語名詞，屬于網(wǎng)頁術(shù)語的是（）。A、WEBB、HTTPC、DNSD、iOS正確答案：ABC三、判斷題（共49題，每題1分，共49分）1.由于CSS內(nèi)嵌式寫法是將CSS樣式寫在HTML頁面中，所以內(nèi)嵌式寫法是不符合結(jié)構(gòu)與表現(xiàn)這一特點(diǎn)的。A、正確B、錯(cuò)誤正確答案：B2.<'b>標(biāo)記和<'strong>標(biāo)記都可以使文字以粗體方式顯示。A、正確B、錯(cuò)誤正確答案：A3.<'font>標(biāo)記可以用來控制網(wǎng)頁中文本的字體、字號、對齊方式和顏色。A、正確B、錯(cuò)誤正確答案：B4.在行內(nèi)式CSS樣式中，屬性和值的書寫規(guī)范與CSS樣式規(guī)則不相同。A、正確B、錯(cuò)誤正確答案：B5.在實(shí)際運(yùn)用中，錨點(diǎn)鏈接常應(yīng)用于內(nèi)容較多，頁面過長的網(wǎng)頁。A、正確B、錯(cuò)誤正確答案：A6.內(nèi)嵌式是將CSS代碼集中寫在HTML文檔的<'head>頭部標(biāo)記中，并且用<'style>標(biāo)記定義。A、正確B、錯(cuò)誤正確答案：A7.在HTML語言中，常用的列表有三種，分別為無序列表、有序列表和定義列表。A、正確B、錯(cuò)誤正確答案：A8.<'html>標(biāo)記標(biāo)志著HTML文檔的開始，<'/html>標(biāo)記標(biāo)志著HTML文檔的結(jié)束。A、正確B、錯(cuò)誤正確答案：A9.由于采用內(nèi)嵌式引入的CSS樣式寫在HTML頁面中，因此背離了結(jié)構(gòu)與表現(xiàn)相分離的原則。A、正確B、錯(cuò)誤正確答案：B10.<'s>和<'del>都可以使文字以加刪除線的方式顯示（XHTML推薦使用<'s>）。A、正確B、錯(cuò)誤正確答案：B11.外邊距指的是元素邊框與相鄰元素之間的距離。A、正確B、錯(cuò)誤正確答案：A12.在CSS代碼中，空格是不被解析的。因此，屬性的值和單位之間允許出現(xiàn)空格。A、正確B、錯(cuò)誤正確答案：B13.<'title>與<'/title>標(biāo)記之間，用于輸入HTML文檔的標(biāo)題。A、正確B、錯(cuò)誤正確答案：A14.text-align屬性用于設(shè)置文本內(nèi)容的水平對齊，可適用于所有元素。A、正確B、錯(cuò)誤正確答案：B15.<'!DOCTYPE>標(biāo)記和瀏覽器的兼容性無關(guān)，為了代碼簡潔，可以刪掉。A、正確B、錯(cuò)誤正確答案：B16.網(wǎng)頁是多個(gè)盒子模型嵌套排列的結(jié)果。A、正確B、錯(cuò)誤正確答案：A17.使用復(fù)合屬性padding定義內(nèi)邊距時(shí)，必須按順時(shí)針順序采用值復(fù)制，一個(gè)值為四邊、兩個(gè)值為上下/左右，三個(gè)值為上/左右/下。A、正確B、錯(cuò)誤正確答案：A18.在網(wǎng)頁中需要插入圖片的相對路徑中，“../”用于指定上一級文件夾。A、正確B、錯(cuò)誤正確答案：A19.創(chuàng)建圖像超鏈接時(shí)，在任何瀏覽器中，圖像都會添加邊框效果。A、正確B、錯(cuò)誤正確答案：A20.書寫圖片路徑的時(shí)候，盡量使用絕對路徑，因?yàn)榭梢愿€(wěn)定簡潔。A、正確B、錯(cuò)誤正確答案：B21.URL（英文UniformResourceLocator的縮寫）中文譯為“統(tǒng)一資源定位符”。URL其實(shí)就是Web地址，俗稱“網(wǎng)址”。A、正確B、錯(cuò)誤正確答案：A22.標(biāo)簽指定式選擇器又稱并集選擇器，是各個(gè)選擇器通過逗號連接而成的。A、正確B、錯(cuò)誤正確答案：B23.在設(shè)置邊框?qū)挾群瓦吙蝾伾珪r(shí)，必須同時(shí)設(shè)置邊框樣式。A、正確B、錯(cuò)誤正確答案：A24.所有的標(biāo)簽都可以設(shè)置寬度和高度屬性。A、正確B、錯(cuò)誤正確答案：B25.一個(gè)div的高度為200px，內(nèi)邊距為10px，邊框?yàn)?px，那么它的總高度尺寸為222px。A、正確B、錯(cuò)誤正確答案：A26.在超鏈接中，如果暫時(shí)沒有確定鏈接目標(biāo)，通常將<'a>標(biāo)記的href屬性值定義為“*”。A、正確B、錯(cuò)誤正確答案：B27.在圖像常用格式中，PNG不但支持動畫，還支持透明。A、正確B、錯(cuò)誤正確答案：B28.在使用列表時(shí)，如果列表項(xiàng)中包含若干子列表項(xiàng)，就需要將列表進(jìn)行嵌套。A、正確B、錯(cuò)誤正確答案：A29.在嵌套結(jié)構(gòu)中，不管父元素樣式的權(quán)重多大，被子元素繼承時(shí)，它的權(quán)重都為0，也就是說子元素定義的樣式會覆蓋繼承來的樣式。A、正確B、錯(cuò)誤正確答案：A30.后代選擇器用來選擇元素或元素組的后代，其寫法就是把外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面，中間用空格分隔。A、正確B、錯(cuò)誤正確答案：A31.在萬維網(wǎng)上的所有文件（HTML、CSS、圖片、音樂、視頻等）都有唯一的URL，只要知道資源的URL，就能夠?qū)ζ溥M(jìn)行訪問。A、正確B、錯(cuò)誤正確答案：A32."圖像文件和html文件位于同一文件夾，相對地址為<'imgsrc="logo.gif"/>。"A、正確B、錯(cuò)誤正確答案：A33.W3C最重要的工作是發(fā)展Web規(guī)范，對互聯(lián)網(wǎng)的發(fā)展和應(yīng)用起到了基礎(chǔ)性和根本性的支撐作用。A、正確B、錯(cuò)誤正確答案：A34.網(wǎng)頁當(dāng)中的常用圖片格式是jpg，png和tif格式。A、正確B、錯(cuò)誤正確答案：B35.在CSS中，background-color