精品文檔-下載后可編輯【微職位】Web前端開發(fā)-CSS編程【微職位】Web前端開發(fā)-CSS編程

1.【多選題】20分|要實現(xiàn)以下圖示兩個盒子的邊距200px，以下哪些做法可以做到？

A盒子1設(shè)置"padding-right:100px"，盒子2設(shè)置"padding-left:100px"

B盒子1設(shè)置"margin-right:100px"，盒子2設(shè)置"margin-left:100px"

C盒子1設(shè)置"padding-right:200px"

D盒子2設(shè)置"margin-left:200px"

2.【單選題】10分|關(guān)于塊狀元素，以下說法錯誤的是？

Ap、div、a元素默認(rèn)便是塊狀元素

B塊狀元素具備盒子屬性，獨占一行

C若需要元素既能設(shè)置盒子屬性，又能排列在一行，通過通過內(nèi)聯(lián)塊狀元素實現(xiàn)

D可以通過display實現(xiàn)相互塊狀、內(nèi)聯(lián)、內(nèi)聯(lián)塊狀元素轉(zhuǎn)換

3.【多選題】10分|如下圖所示，通過a標(biāo)簽結(jié)合偽類選擇器可以制作導(dǎo)航欄，需要用到以下樣式？

A鼠標(biāo)懸浮之后，字體和背景顏色變化，可通過以下代碼實現(xiàn)="a:hover{background-color:#3F3F3F;color:#D3D3D3;}"

B為導(dǎo)航按鈕設(shè)置按鈕大小，首先需要設(shè)置"display:block"

C通過"text-align:center"設(shè)置水平居中

D通過"line-heigth:50px"設(shè)置垂直居中（50px等于導(dǎo)航欄的盒子高度）

4.【多選題】10分|根據(jù)以下圖片，需要用到的字體樣式有？

A"color:red"

B"font-weight"

C"font-size"

D"font-style"

5.【多選題】10分|以下文本樣式圖示案例中，哪些說法是正確的？

A樣式1使用color屬性

B樣式2使用word-spacing屬性，樣式3使用letter-spacing屬性

C樣式6使用text-align屬性

D樣式7使用text-decoration屬性

6.【多選題】10分|在CSS盒模型里面，將元素分為以下哪些類別？

A內(nèi)聯(lián)元素

B塊狀元素

C內(nèi)聯(lián)塊狀元素

D外聯(lián)元素

7.【多選題】10分|關(guān)于CSS選擇器，下面說法正確的有？

A類選擇器可以使用在不同位置，而id選擇器只能使用在一個位置

B通配符選擇器*，可以將CSS應(yīng)用在整個網(wǎng)頁

C子選擇器包括直系子元素，而后代選擇器包括子、孫及其之后所有級別的元素

D選擇器"div，p"與"divp"都匹配所有的div和p元素

8.【多選題】10分|關(guān)于選擇器"divh"與"divh"，下面說法正確的有？

A前者子選擇器，后者是后代選擇器

B前者是后代選擇器，后者是子選擇器

C前者選擇div之后所有的h元素，后者選擇div之后的h子元素

D前者選擇div之后的h子元素，div之后所有的h元素

9.【多選題】10分|關(guān)于CSS，下面說法正確的有？

ACSS即樣式層疊表，用于對HTML進(jìn)行