html+css網(wǎng)頁設(shè)計(jì)復(fù)習(xí)題-2023修改整理

千里之行，始于足下讓知識(shí)帶有溫度。第第2頁/共2頁精品文檔推薦html+css網(wǎng)頁設(shè)計(jì)復(fù)習(xí)題1、單選題

（1）要使單選框或復(fù)選框默認(rèn)為已選定，要在input標(biāo)簽中加（）屬性

A、selected

B、disabled

C、type

D、checked

（2）要使表單元素（如文本框）在預(yù)覽時(shí)處于不行編輯狀態(tài)，顯灰色，要在input中加（）屬性

A、selected

B、disabled

C、type

D、checked

（3）下列哪一項(xiàng)表示的不是按鈕。（）

A．type="submit"B．type="reset"C．type="image"D．type="button"

（4）下面哪一個(gè)屬性不是文本的標(biāo)簽屬性（）

A．nbsp;B．a(chǎn)lignC．colorD．face（5）下面哪一項(xiàng)的電子郵件鏈接是正確的（）

A．B．xxx@C．xxx@com（6）當(dāng)鏈接指向下列哪一種文件時(shí)，不打開該文件，而是提供應(yīng)掃瞄器下載。（）

A．ASPB．HTML

C．ZIPD．CGI

（7）下面說法錯(cuò)誤的是()

A、CSS樣式表可以將格式和結(jié)構(gòu)分別

B、CSS樣式表可以控制頁面的布局

C、CSS樣式表可以使許多網(wǎng)頁同時(shí)更新

D、CSS樣式表不能制作體積更小下載更

快的網(wǎng)頁

（8）CSS樣式表不行能實(shí)現(xiàn)()功能。

A、將格式和結(jié)構(gòu)分別

B、一個(gè)CSS文件控制多個(gè)網(wǎng)頁

C、控制圖片的精確位置

D、兼容全部的掃瞄器

（9）若要在網(wǎng)頁中插入樣式表,以下用法中，正確的是（）。

A、

B、

C、

D、

（10）若要在當(dāng)前網(wǎng)頁中定義一個(gè)自立類的樣式myText,使具有該類樣式的正文字體

為”Arial”,字體大小為9pt,行間距為13.5pt,以下定義辦法中，正確的是（）。

A、

.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}

B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}

C、

.myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}

D、

..myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}

（11）下列哪個(gè)標(biāo)簽是定義標(biāo)題的（）

A、h1

B、hr

C、hw

D、p

（12）html中的解釋標(biāo)簽是（）

A、

B、

C、

D、

（13）…標(biāo)簽的作用是（）

A、斜體

B、下劃線

C、上劃線

D、加粗

（14）網(wǎng)頁中的空格在html代碼里表示為（）

A、

B、

C、

D、

（15）下列哪種方式是用類挑選器定義樣式的（）

A、p{color:red;}

B、.one{color:red;}

C、#two{color:red;}

D、p,h1{color:red;}

（16）、下面哪一項(xiàng)是換行符標(biāo)簽（）

A．B．C．

D．

（17）、下列哪一項(xiàng)是在新窗口中打開網(wǎng)頁文檔。（）

A．_selfB．_blank

C．_topD．_parent

（18）、用HTML標(biāo)記語言編寫一個(gè)容易的網(wǎng)頁，網(wǎng)頁最基本的結(jié)構(gòu)是（）。

A…

B……

C…

D……

（19）要使表格的邊框不顯示，應(yīng)設(shè)置border的值是()。

A．1B．0C．2D．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)簽中的（）屬性。

A、name

B、target

C、onclick

D、onmouseover

（22）下列哪個(gè)是正確的css集體聲明方式（）

A、p；h1{color:red;}

B、.one{color:red;}

C、#two{color:red;}

D、p,h1{color:red;}

（23）下列樣式定義字體為宋體、字體色彩為紅色、斜體、大小20px、粗細(xì)800號(hào)，正確的定義是：（）

A、p{font-family：宋體；font-size：20px；font-weight：800；color:red;font-style：italic；}

B、p{font-family：20px；font-size：宋體；font-weight：800；color:red;font-style：italic；}

C、p{font-family：20px；font-size：800；font-weight：宋體；color:red;font-style：italic；}

D、p{font-family：800；font-size：20px；font-weight：red；color:italic;font-style：宋體；}

（24）下列樣式定義字體間距為倍間距、水平左對(duì)齊、垂直頂端對(duì)齊、有下劃線，正確的定義是：（）

A、p{text-decoration：underline；letter-spacing：；vertical-align：top；

text-align：left；}

B、p{text-decoration：；letter-spacing：underline；vertical-align：top；

text-align：left；}

C、p{text-decoration：left；letter-spacing：top；vertical-align：；text-align：

underline；}

D、p{text-decoration：underline；letter-spacing：；vertical-align：left；

text-align：top；}

（25）關(guān)于文本對(duì)齊，源代碼設(shè)置不正確的一項(xiàng)是：（）

A．居中對(duì)齊：…

B．居右對(duì)齊：…

C．居左對(duì)齊：…

D．兩端對(duì)齊：…

（26）要在新窗口中打開所點(diǎn)擊的鏈接，實(shí)現(xiàn)辦法是將標(biāo)簽的target屬性設(shè)為（）

A、_blank

B、_self

C、_parent

D、_top

（27）下列代表無序清單的標(biāo)簽是（）

A、……

B、……

C、……

D、……

（28）定義表單所用的標(biāo)簽是（）

A、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

（30）CSS的縮寫是（）

StyleSheetsStyleSheets

StyleSheetsStyleSheets

2、填空題

（1）、可用標(biāo)簽定義段落。

（2）、CSS為超級(jí)鏈接文本建立了4個(gè)偽類挑選器：a:link為尚未鏈接的超級(jí)鏈接文本樣式，a:visited為已鏈接過的超級(jí)鏈接文本樣式，a:hover為鼠標(biāo)移到超級(jí)鏈接文本上方的樣式，a:active為在超級(jí)鏈接文本上的挑選鼠標(biāo)的樣式。

（3）用來輸入密碼的表單域是type=password。

（4）文件頭標(biāo)簽包括關(guān)鍵字、描述、編碼、基礎(chǔ)和鏈接等。

（5）Area的shape屬性中，shape=rect表示的外形為__矩形___；shape=circle表示的外形為__圓形__；shape=poly表示的外形為__多邊形_。

（6）、要生成水平線，可用標(biāo)簽。

（7）、中的src屬性是用于指定圖片源文件地址的。

（8）、要定義表單元素中的文本框，input標(biāo)簽中type屬性應(yīng)設(shè)為text。

（9）、要定義表單元素中的密碼框，input標(biāo)簽中type屬性應(yīng)設(shè)為password。

（10）表格的標(biāo)簽是，單元格的標(biāo)簽是。

（11）HTML網(wǎng)頁文件的標(biāo)記是________，網(wǎng)頁文件的主體標(biāo)記是_________，標(biāo)記頁面標(biāo)題的標(biāo)記是_____________。

（12）表格的寬度可以用百分比和像素兩種單位來設(shè)置。

（13）HTML文件的擴(kuò)展名_____________，CSS文件的擴(kuò)展名_____________。

（14）定義換行所用的標(biāo)簽是br。

(16)、合理的頁面布局中常聽過結(jié)構(gòu)與表現(xiàn)分別，那么結(jié)構(gòu)是__，表現(xiàn)是

（17）、如下圖為一個(gè)border為1px的div塊，總寬度為215px（包括border），陰影區(qū)為padding-left:25px;，那么此div的width應(yīng)設(shè)置為___188___px。

（18）、CSS樣式有內(nèi)聯(lián)式，內(nèi)嵌式，鏈接式和導(dǎo)入式

（19）、CSS中ID挑選符在定義的前面要有指示符#。

（20）、創(chuàng)建自定義CSS樣式時(shí)，樣式名稱的前面必需加一個(gè)圓點(diǎn)

（21）、a:hover表示超鏈接文字在鼠標(biāo)放上去時(shí)的狀態(tài)。

（22）、div與span的區(qū)分是__div是塊元素，span是行內(nèi)或內(nèi)聯(lián)元素

（23）、轉(zhuǎn)變?cè)氐耐膺吘嘤胈____margin_____，轉(zhuǎn)變?cè)氐膬?nèi)填充用____padding（24）、Color:#666666;可縮寫為______color:#666________________。

3.將以下CSS代碼舉行縮寫，注重要符合縮寫的規(guī)范。

（1）、代碼一：

border-width:1px;

border-color:#000;

border-style:solid;

（2）、代碼二：

background-position:00;

background-repeat:no-repeat;

background-attachment:fixed;

background-color:#f00;

background-image:url;

（3）、代碼三：

font-style:italic;

font-family:"LucidaGrande",sans-serif;

font-size:1em;

font-weight:bold;

font-variant:small-caps;

line-height:140%;

（4）、代碼四：

list-style-position:inside;

list-style-type:square;

list-style-image:url;

（5）、代碼五：

margin-left:20px;

margin-right:20px;

margin-bottom:5px;

margin-top:20px;

(6)、代碼六：

color:#336699;

color:#ffcc00;

3、制作題(15分)

(1)使用內(nèi)聯(lián)的CSS樣式，重構(gòu)一個(gè)如下圖的水平、垂直都居中短邊為50px，長(zhǎng)邊為150px的紅色十字架。

要求：

1)使用2個(gè)div完成

2)使用3個(gè)div完成

3)使用5個(gè)div完成

請(qǐng)將代碼寫出。

（2）如何指定div元素中樣式類為c1,字體大小為9pt的css樣式答案:

div.c1{font-size:9pt;}