html+css網(wǎng)頁設(shè)計復(fù)習(xí)題(可編輯修改word版)

1、1、單選題（1）要使單選框或復(fù)選框默認(rèn)為已選定，要在input標(biāo)簽中加（）屬性A selected B、disabled C type D、checked（2）要使表單元素（如文本框）在預(yù)覽時處于不可編輯狀態(tài)，顯灰色，要在input中加 （）屬性A selected B、disabled C. type D、checked（3）下列哪一項表示的不是按鈕。（）A. type=HsubmitM B. type=Hresetv C. type=MimageH D. type=Hbutton,r（4）下而哪一個屬性不是文本的標(biāo)簽屬性？（）A. nbsp; B. align C. color D. fa

2、ce（5）下而哪一項的電子郵件鏈接是正確的？（）A. B. C. xxxcomD. xxx （6）當(dāng)鏈接指向下列哪一種文件時，不打開該文件，而是提供給瀏覽器下載。（）A. ASPB. HTML C. ZIPD. CGI（7）下面說法錯誤的是（）A、CSS樣式表可以將格式和結(jié)構(gòu)分離B、CSS樣式表可以控制頁面的布局C、CSS樣式表可以使許多網(wǎng)頁同時更新D、CSS樣式表不能制作體枳更小下載 更快的網(wǎng)頁（8） CSS樣式表不可能實(shí)現(xiàn)（）功能。A、將格式和結(jié)構(gòu)分離B、一個CSS文件控制多個網(wǎng)頁C、控制圖片的精確位置 D、兼容所有的瀏覽器（9）若要在網(wǎng)頁中插入樣式表main.css,以下

3、用法中，正確的是（）A、B、C、 type=text/cssD、（10）若要在當(dāng)前網(wǎng)頁中定義一個獨(dú)立類的樣式myText,使具有該類樣式的正文字體為字體大小為9pt,行間距為13.5pt,以下定義方法中，正確的是（）oA、.myText Font-Familiy:Arial;Font-size:9pt;Line-Height: 13.5pt）B x .myTextFont-Familiy:Arial;Font-size:9pt;Line-Hcight:13.5ptC、.myText FontName:Arial:FontSize:9pt;LineHeight: 13.5pt）D、.myText

4、FontName:Arial;Font-ize:9pt;Line-eight: 13.5pt）（11）下列哪個標(biāo)簽是定義標(biāo)題的（）A、hl B、hr C hw D、p12） html中的注釋標(biāo)簽是（）Ax B、c、D、（13） vstrong.v/strong標(biāo)簽的作用是（）A、斜體 B、下劃線 C、上劃線D、加粗（14）網(wǎng)頁中的空格在html代碼里表示為（）A、& B   C、" D、<（15）下列哪種方式是用類選擇器定義樣式的（）Ax pcoloured;8、 .onecoloured;C、#twocoloured;D、pJilcolor:red;（16）

5、、下而哪一項是換行符標(biāo)簽？（）A. B. C. D. （17）、下列哪一項是在新窗口中打開網(wǎng)頁文檔。（）A. _selfB. _blankC. JopD. .parent（18）、用HTML標(biāo)記語言編寫一個簡單的網(wǎng)頁，網(wǎng)頁最基本的結(jié)構(gòu)是（）oA . . . . B . . C . . D . .（19）要使表格的邊框不顯示，應(yīng)設(shè)置border的值是（）。A. 1 B. 0 C. 2 D. 3（20）在HTML中，標(biāo)記的作用是（）。A.標(biāo)題標(biāo)記B.預(yù)排版標(biāo)記C.轉(zhuǎn)行標(biāo)記D.文字效果標(biāo)記（21）定義錨記主要用到標(biāo)簽中的（）屬性。Ax name B、target C、onclick D、onmous

6、eover（22）下列哪個是正確的CSS集體聲明方式（）Ax p： hl coloured;8、 .onecoloured;Cx #twocoloured;D、p.hlcolor:red;（23）下列樣式定義字體為宋體、字體顏色為紅色、斜體、大小20px、粗細(xì)800號，正 確的定義是：（）A、p font-family： 宋體：font-size： 20px； font-weight： 800； color:rcd;font-stylc： italic； ）B、p font-family： 20px： font-size：宋體：font-weight： 800： color:red:font-

7、style： italic： C p font-family： 20px： font-size： 800： font-weight：宋體；color:rcd:font-style： italic： D、pfont-family： 800； font-size： 20px： font-weight： red： color: italic;font-style：宋 體：（24）下列樣式定義字體間距為0.5倍間距、水平左對齊、垂直頂端對齊、有下劃線，正確 的定義是：（）A、 ptext-decoration： underline： letter-spacing： 0.5em： vertical-al

8、ign： top； text-align：left；）B、ptext-decoration： 0.5em： letter-spacing： underline： vertical-align： top； text-align： left： C、ptext-decoration： left： letter-spacing： top： vertical-align： 0.5em； text-align： underline； D、ptext-decoration： underline： letter-spacing： 0.5em： vertical-align： left： text-align：

9、 top： ）（25）關(guān)于文本對齊，源代碼設(shè)置不正確的一項是：（）A,居中對齊：.B. 居右 對齊：.C. 居左 對齊：. D.兩端對齊：.（26）要在新窗口中打開所點(diǎn)擊的鏈接，實(shí)現(xiàn)方法是將標(biāo)簽的target屬性設(shè)為（） Av _blank B、.self C、_parent D jop（27）下列代表無序清單的標(biāo)簽是（）A、.B、. . C、D、. . （28）定義表單所用的標(biāo)簽是（）Ax table B、form C、select D、input（29）要實(shí)現(xiàn)表單元素中的復(fù)選框，input標(biāo)簽的type屬性應(yīng)設(shè)為（）A、radio B、checkbox C、select D. text（3

10、0） CSS的縮寫是（）A.Computer Style Sheets B.Cascading Style SheetsC.Creative Style Sheets D.Colorful Style Sheets 2、填空題1 、可用吐標(biāo)簽定義段落。D 、CSS為超級鏈接文本建立了 4個偽類選擇器：a:link為尚未鏈接的超級鏈接 文本樣式，a:visited為已鏈接過的超級鏈接文本樣式,a: ho ver為鼠標(biāo)移到超級鏈接文本上方的樣式，aactive為在超級鏈接文本上的選擇鼠標(biāo)的樣式。9 用來輸入密碼的表單域是type邛assword,4 文件頭標(biāo)簽包括關(guān)鋌字:、描述、編碼、基礎(chǔ)和鏈接等

11、。5 Area的shape屬性中，shapc=rect表示的形狀為 矩形 ：shape=circle表示的形狀 為圓形：shape=poly表示的形狀為多邊修6 、要生成水平線，可用 標(biāo)簽。P 、中的_srg屬性是用于指定圖片源文件地址的。9 、要定義表單元素中的文本框，input標(biāo)簽中type屬性應(yīng)設(shè)為ext。10 、要定義表單元素中的密碼框，input標(biāo)簽中type屬性應(yīng)設(shè)為password 00 表格的標(biāo)簽是 ，單元格的標(biāo)簽是。1 HTML網(wǎng)頁文件的標(biāo)記是,網(wǎng)頁文件的主體標(biāo)記是，標(biāo)記頁 而標(biāo)題的標(biāo)記是 0i 表格的寬度可以用百分比和兩種單位來設(shè)置。力 HTML文件的擴(kuò)展名, CSS文件的

12、擴(kuò)展名 o4 定義換行所用的標(biāo)簽是. br 一(16)、合理的頁面布局中常聽過結(jié)構(gòu)與表現(xiàn)分離，那么結(jié)構(gòu)是心皿表現(xiàn)是_空I 、如下圖為一個border為Ipx的div塊，總寬度為215Px (包括border),陰影 區(qū)為padding-left:25pxs那么此div的width應(yīng)設(shè)置為88px。215pxs 、CSS樣式有內(nèi)聯(lián)式,內(nèi)嵌式,鏈接式和導(dǎo)入式9、CSS中ID選擇符在定義的前面要有指示符外0、創(chuàng)建自定義CSS樣式時，樣式名稱的前面必須加一個圓點(diǎn)J 、a：hover表示超鏈接文字在鼠標(biāo)放上去時的狀態(tài)。2、div與span的區(qū)別是div是塊元素，span是行內(nèi)或內(nèi)聯(lián)元素9、改變元素的外邊

13、距用margin ,改變元素的內(nèi)填充用 padding9、Color:#666666;可縮寫為 color:#666。3.將以下CSS代碼進(jìn)行縮寫，注意要符合縮寫的規(guī)范。 i 、代碼一： border-width：Ipx;border-color:#000;border-style：solid;n 、代碼二：background-position:0 0; background-repeat：no-repeat;background-attachment：fixed;background-color:#f00;background-image：ur1(background, gif);9、代碼

14、三：font-style:italic;font-family： Lucida Grande”, sans-serif;font-size:lem;font-weight：bold;font-variant：smal1-caps;line-height:140%;0、代碼四：list-style-position：inside;list-style-type：square;list-style-image：url(image, gif);5、代碼五：margin-left：20px;margin-right：20px;margin-bottom：5px;margin-top:20px;(6)、

15、代碼六：color:#336699;color:#ffcc00;3、制作題（15分）使用內(nèi)聯(lián)的CSS樣式，重構(gòu)一個如下圖的水平、垂直都居中短邊為5Opx,長邊為150Px150px50Px的紅色十字架要求：1）使用2個div完成2）使用3個div完成 3）幀5個div完成 請將代碼寫出。答案：1、使用2個div完成：#a.#b position:absol ute; background- color:red:top:50%;left:50%; #amargin-left:-75px;margin-top:-25px;width:150px;height:50px;#bmargin-left:

16、-25px:margin-top:-75px;width:50px;height:150px;2 .使用3個div完成：#a,#b,#cposition:absolute;background-color:red;top:50%;left:50%;)#awidth:50px;height:50px:margin-top:-25px;margin-left:-75px#bmargin-left:-25px;margin-top:-75px;width:50px:height:150px;#cwidth:50px;height:50px:margin-top:-25px:niargin-left:

17、25px;3 .使用5個div完成：#aposition:absolute;width:150px:height:150px;left:50%;top:50%;margin-left:-75pxunargin-top:-75px;background-color: red:#b.#c.#d,#e background-color: white;width:50px;height:50px:position:absolute;#bleft:0;top:0;#cright:0:top:0;#dleft:0;bottom:0;#e right:0;bottom:0;）9 如何指定div元素中樣式類為

18、cl,字體大小為9pt的css樣式？ 答案：div .cl font-size:9pt;9 用html實(shí)現(xiàn)如下表格（不如嵌套實(shí)用表格） 三行三列,其中第一行第一列和第二行第一列合并； 第二行第二列和第二行第三列合并（現(xiàn)場畫表） /tr4.問答題（1）web標(biāo)準(zhǔn)網(wǎng)站有那些優(yōu)點(diǎn)便于網(wǎng)站頁面改版，換膚，搜索引擎搜索，客戶端瀏覽，減少網(wǎng)絡(luò)流量等等（2）怎樣使一個盒子垂直居中于瀏覽器中？答案：這里使用百分比絕對定位，與外補(bǔ)丁負(fù)值的方法，負(fù)值的大小為其自身寬度高度除以二(3)說明在網(wǎng)頁設(shè)計中層(盒子)的作用。答案：層，也就是DIV標(biāo)記，是一個區(qū)塊級的HTML標(biāo)記，在該標(biāo)記之間可以添加段落、表格、 圖片等內(nèi)容，使同一個DIV標(biāo)記中的元素具有相同的樣式，并可在頁面顯示時同時出現(xiàn)、 移動以及隱藏。它的主要作用有以下兩點(diǎn)：(1)