CSS復(fù)習(xí)題目資料-2023修改整理

千里之行，始于足下讓知識(shí)帶有溫度。第第2頁/共2頁精品文檔推薦CSS復(fù)習(xí)題目資料．CSS是（）的縮寫。

．ColorfulStyleSheets

．ComputerStyleSheets

．CascadingStyleSheets

．CreativeStyleSheets

．引用外部樣式表的格式是（B）。

．

．．mystyle.css

．引用外部樣式表的元素應(yīng)當(dāng)放在（）。

．HTML文檔的開頭的位置

．HTML文檔的結(jié)束的位置

．在head元素中

．在body元素中

．內(nèi)部樣式表的元素是（）。

．

．

．

．元素中定義樣式表的屬性名是（）。

．style

．class

．styles

．font

．下列（）是定義樣式表的正確格式。

．{body:color=black(body}

．body:color=black

．body{color:black}

．{body;color:black}

．下列（）是定義樣式表中的解釋語句。

．/*解釋語句*/

．//解釋語句

．//解釋語句//

．‘解釋語句

．假如要在不同的網(wǎng)頁中應(yīng)用相同的樣式表定義，應(yīng)

）。

．直接在HTML的元素中定義樣式表

．在HTML的標(biāo)記中定義樣式表

．通過一個(gè)外部樣式表文件定義樣式表

．以上都可以

．樣式表定義#title{color:red}表示（）。

．網(wǎng)頁中的標(biāo)題是紅色的

．網(wǎng)頁中某一個(gè)id為title的元素中的內(nèi)容是紅色的

．網(wǎng)頁中元素名為title的內(nèi)容是紅色的

．以上隨意一個(gè)都可以

．樣式表定義.outer{background-color:yellow}表

）。

．網(wǎng)頁中某一個(gè)id為outer的元素的背景色是紅色的

．網(wǎng)頁中含有class=”outer”元素的背景色是紅色的

．網(wǎng)頁中元素名為outer元素的背景色是紅色的

．以上隨意一個(gè)都可以

．下列（）表示p元素中的字體是粗體。

．p{text-size:bold}

．p{font-weight:bold}

．

．

．下列（）表示a元素中的內(nèi)容沒有下劃線。

．a(chǎn){text-decoration:nounderline}

．a(chǎn){underline:none}

．a(chǎn){text-decoration:none}

．a(chǎn){decoration:nounderline}

．下列（A）表示上邊框線寬10px，下邊框線寬

，左邊框線寬20px，右邊框線寬1px，。

．border-width:10px1px5px20px

．border-width:10px5px20px1px

．border-width:5px20px10px1px

．border-width:10px20px5px1px

．下列（）表示左邊距。

．margin-left

．margin

．indent

．text-indent

．設(shè)置外邊距（）是負(fù)數(shù)。

．可以

．不行以

．下列（A）表示列表項(xiàng)符號(hào)是小方塊。

．list-style-type:square

．type:square

．list-type:square

．type:2

．“樣式表定義中的display和visibility效果是一樣

B）。

．正確的

．不正確的

．假如要將網(wǎng)頁中的兩個(gè)div對(duì)象制作為重疊效果，

D）。

．是不行能的

．利

用表格標(biāo)記

．利用樣式表定義中的肯定位置與相對(duì)位置屬性

．利用樣式表定義中的z-index屬性

是利用什么HTML標(biāo)記構(gòu)建網(wǎng)頁布局？（）

A.

B.

C.

D.

在CSS語言中下列哪一項(xiàng)是"左邊框"的語法？

C）

A.border-left-width:

B.border-top-width:

C.border-left:

D.border-top-width:

在CSS語言中下列哪一項(xiàng)的適用對(duì)象是"全部對(duì)象"？

A）

A.背景附件

B.文本羅列

C.縱向羅列

D.文本縮進(jìn)

下列選項(xiàng)中不屬于CSS文本屬性的是（D）

．font-sizeB．text-transform

．text-alignD．line-height

在CSS中不屬于添加在當(dāng)前頁面的形式是（D）

．內(nèi)聯(lián)式樣式表B．嵌入式樣式表

．層疊式樣式表D．鏈接式樣式表

在CSS語言中下列哪一項(xiàng)是"列表樣式圖象"的語法？

D）

A.width:

B.height:

C.white-space:

D.list-style-image:

下列哪一項(xiàng)是css正確的語法構(gòu)成？（C）

下面哪個(gè)CSS屬性是用來更改背景色彩的？（A）

怎樣給全部的標(biāo)簽添加背景色彩?（B）

下列哪個(gè)css屬性可以更改樣式表的字體色彩？

D）

B.fgcolor:

D.color:

下列哪個(gè)css屬性可以更改字體大??？（B）

下列哪段代碼能夠定義全部P標(biāo)簽內(nèi)文字加粗？

D）

如何去掉文本超級(jí)鏈接的下劃線？（D）

如何設(shè)置英文首字母大寫？（B）

樣式表做不到

下列哪個(gè)css屬性能夠更改文本字體？（C）

下列哪個(gè)css屬性能夠設(shè)置文本加粗？（A）

下列哪個(gè)css屬性能夠設(shè)置盒模型的內(nèi)補(bǔ)丁為10.20.30.40

A）

下列哪個(gè)屬性能夠設(shè)置盒模型的左側(cè)外補(bǔ)??？

C）

定義盒模型外補(bǔ)丁的時(shí)候是否可以使用負(fù)值?

A）

是

否

如何能夠定義列表的項(xiàng)目符號(hào)為實(shí)心矩形？（D）

在CSS語言中下列哪些選項(xiàng)是背景圖像的屬性

ABCD）

A背景重復(fù)B背景附件C縱向羅列

背景位置

中的挑選器包括（BCD）

．超文本標(biāo)記挑選器B．類挑選器

．標(biāo)簽挑選器D．ID挑選器

、什么是標(biāo)記挑選器并舉例說明。

標(biāo)記挑選器就是聲明哪些標(biāo)記采納哪種CSS樣式。

h1{color:red;font-size:25px;}

、什么是類別挑選器并舉例說明。

用做html頁面某標(biāo)簽

class屬性值。

.red{color:red;font-size:18px}

、什么是ID挑選器并舉例說明。

挑選器是針對(duì)html頁面中某個(gè)具有此ID屬性的標(biāo)簽設(shè)置

CSS樣式。

#bold{font-weight:bold;}

、舉例說

明什么是行內(nèi)式CSS樣式。

html的標(biāo)記使用style屬性，然后將CSS代

正文內(nèi)容

、舉例說明什么是內(nèi)嵌式CSS樣式。

CSS寫在與之間，并且用

和標(biāo)記舉行聲明。

p{color:#0000ff}

、舉例說明什么是鏈接式CSS樣式。

CSS樣式表是通過使用html鏈接文件標(biāo)簽link將外

CSS應(yīng)用到本頁面的樣式使用辦法。

如：=”stylesheet”>

、舉例說明什么是導(dǎo)入式CSS樣式。

import方式導(dǎo)入的樣式表，在html文件初始化時(shí)，會(huì)

html文件內(nèi)，作為文件的一部分，類似內(nèi)嵌式的效

@importurl(sheet.css);

、什么是交集挑選器，并舉例說明。

兩個(gè)挑選器直接銜接構(gòu)成，其結(jié)果是選中

1個(gè)必需是標(biāo)記挑選器，

2個(gè)必需是類別挑選器或者ID挑選器。

p.special{color:red}

、什么是并集挑選器，并舉例說明。

，它的結(jié)果是同時(shí)選中各

如：h1,h2,p{color:purple;

}

、什么是后代挑選器，并舉例說明。

挑選器名字寫在后面，之間用空格分隔。例如：p

color:red}

、在CSS中一個(gè)自立的盒子模型有哪幾部分組成？

（內(nèi)容）、border（邊框）、padding（內(nèi)邊距）和margin

、舉例說明什么是塊級(jí)元素和行內(nèi)元素？

、解釋一下div標(biāo)簽的作用

是一個(gè)區(qū)塊容器標(biāo)記，即與

之間相當(dāng)于一

可以容納段落、標(biāo)題、表格、圖片等各種html元素。

、解釋一下span標(biāo)簽的作用

標(biāo)記和一樣，作為容器可以容納各種html元素，

、解釋盒子模型的float屬性。

屬性默認(rèn)為none，也就是標(biāo)準(zhǔn)流通常的狀況。假如將

屬性的值設(shè)置為left或right，元素會(huì)向其父元素的左側(cè)

、解釋盒子模型的display屬性。

屬性用于確定盒子的類型。display屬性設(shè)為inline，

；設(shè)為block，即為“塊級(jí)”；設(shè)為none，即為

，也就是躲藏盒子。

、圓角框主要有哪幾種制作辦法？

、使用CSS主要有哪幾種布局方式？

、CSS布局辦法與表格布局辦法相比，有哪些優(yōu)勢(shì)？

1）頁面載入更快；（2）降低網(wǎng)站流量費(fèi)用；（3）易于修

4）視覺全都（5）更易于被搜尋引擎找到。

、使用CSS布局的網(wǎng)頁應(yīng)實(shí)現(xiàn)哪些要求？

1）寬度使用多列布局，并保證頁頭和頁腳正確顯示；

2）可以指定列寬度固定，其余列寬度自適應(yīng)；

3）在html中，個(gè)列可以隨意挨次羅列，終于效果都正確

、解釋以下CSS樣式的含義。

border:1px#333solid;

font:12pxarial;

width:500px

padding:5px;

border:2pxsolid#EEE;

border-bottom-color:#666;

border-right-color:#666;

1px，色彩設(shè)為#333，邊框?yàn)閷?shí)線；表

12px,字體類型為arial；

表格寬度為

。

內(nèi)邊距為5px，邊框?qū)挾?px，

#EEE，底部和右側(cè)邊框色彩特殊設(shè)為#666

、解釋以下CSS樣式的含義。

1px，點(diǎn)劃線，色彩為#AAAAAA，內(nèi)

右、下、左邊距分離為：3px6px3px6px，外邊距為0px，

14px大小的Arial字體。

80px，背景色彩為#ADD8E6

、解釋以下CSS樣式的含義。

color:#00008B;

background-color:#ADD8E6;

input標(biāo)簽中字體色彩為#00008B；

標(biāo)簽中id屬性為btn的按鈕背景色彩設(shè)為#ADD8E6，

1px、2px、1px、2px

、解釋以下CSS樣式的含義。

background:url(images-notebook/left-top.gif)topleft

}

background:url(images-notebook/right-top.gif)topright

padding:20px20px10px;

margin:0;

}

.rounded：背景圖像為left-top.gif，從左上角開

.roundedh2：背景圖像為right-top.gif，從右

20px20px

，外邊距為0

、畫出一個(gè)1-（（1-2）+1）-1的布局結(jié)構(gòu)暗示圖。

、畫出一個(gè)1-（（1+（3-1-2））-1的布局結(jié)構(gòu)暗示圖。

、解釋以下CSS樣式的含義。

margin:0auto;

width:85%;

}

position:absolute;

width:300px;

}

id屬性為header、pagefooter、container的div層上

0，左右外邊框?yàn)閍uto，寬度為相對(duì)于父元素寬

85%

設(shè)置id屬性為content的div層為肯定定位，寬度為固

300px

、解釋以下CSS樣式的含義。

COLOR:#3333cc;TEXT-DECORATION:none}

COLOR:#990099;TEXT-DECORATION:

}

COLOR:#ff0000;TEXT-DECORATION:

}

COLOR:#3333cc;TEXT-DECORATION:

}

#3333cc，無下劃線；

#990099，無下劃線；

#ff0000，有下劃線；

#3333cc，有下劃線；

、寫出下列要求的CSS樣式表

1）設(shè)置頁面背景圖像為login_back.gif，并且背景圖像垂

2）使用類挑選器，設(shè)置按鈕的樣式，按鈕背景圖像：

；字體色彩：#FFFFFFF；字體大?。?4px；

bold；按鈕的邊界、邊框和填充均為0px。

}

background-image:url(img/login_submit.gif);

color:#FFFFFF;

font-size:14px;

font-weight:bold;

margin:0px;

border:0px;

padding:0px;