1.元素選擇器:plate
2.元素選擇器:bento
3.id選擇器:#fancy
4.后代選擇器:plate>apple
5.復(fù)合后代:plate#fancy>pickle
6.類選擇器:.small
7.類選擇器:orange.small
8.后代 類選擇器:bento>apple.small
9.后代選擇器:plate,bento
10.所有元素選擇器:*
11.后代選擇器:plate>
12.兄弟選擇器: plate + apple
13.兄弟選擇器:bento~ pickle
14.后代選擇器:plate>apple
15.后代選擇器+第一個(gè)后代選擇器:plate>orange:first-of-type
16.后代選擇器 復(fù)合選擇器:plate>apple,plate>pickle
17.交集選擇器 最后一個(gè)后代:#fancy apple,pickle:last
18.子選擇器:plate:nth-child(3)
19.子選擇器:bento:first-of-type
20.first-of-type:apple:first-of-type
21.偶數(shù)-字選擇器:plate:nth-child(even)
22.子選擇器:plate:nth-child(2n+3)
23.子選擇器(唯一選擇器):apple:only-of-type
24.字選擇器(last-of-type):orange:last-of-type ,apple:last-of-type
25.子選擇器(empty):bento:empty
26.否定偽類:apple:not(.small)
周考答案
一．單選題（共20小題，每題1.5分，共30分）
1、下面哪一個(gè)標(biāo)簽不能放在head標(biāo)簽內(nèi)？（ C ）
A. title標(biāo)簽 B. style標(biāo)簽
C. body標(biāo)簽 D. script標(biāo)簽
2、如果網(wǎng)頁(yè)中出現(xiàn)亂碼，我們一般使用（ A ）來(lái)解決。
A. <meta charset="utf-8" />
B. <style type="text/css"></style>
C. <script></script>
D. <link type="text/css" rel="stylesheet" href="css/index.css">
3、下面選項(xiàng)中，屬于HTML正確注釋方式是（ C ）。
A. //注釋內(nèi)容
B. /注釋內(nèi)容/
C.
D.//注釋內(nèi)容//
4、選出你認(rèn)為最合理的定義標(biāo)題的方法是（ C ）。
A. <div>文章標(biāo)題</div> B. <p><b>文章標(biāo)題</b></p>
C. <h1>文章標(biāo)題</h1> D.<strong>文章標(biāo)題</strong>
5、如果想要實(shí)現(xiàn)粗體效果，我們可以使用（ A ）標(biāo)簽來(lái)實(shí)現(xiàn)。
A. <strong></strong> B. <em></em>
C. D.
6、下面有關(guān)自閉合標(biāo)簽說(shuō)法不正確的是（ B ）。
A. 自閉合標(biāo)簽只有開(kāi)始符號(hào)沒(méi)有結(jié)束符號(hào)
B. 自閉合標(biāo)簽可以在內(nèi)部插入文本或圖片
C. meta標(biāo)簽是自閉合標(biāo)簽
D. hr標(biāo)簽是自閉合標(biāo)簽
7、在瀏覽器默認(rèn)情況下，下面有關(guān)塊元素和行內(nèi)元素說(shuō)法不正確的是（ D ）。
A. 塊元素獨(dú)占一行
B. 塊元素內(nèi)部可以容納塊元素
C. 塊元素內(nèi)部可以容納行內(nèi)元素
D. 行內(nèi)元素可以容納塊元素
8、下面標(biāo)簽中，哪一個(gè)不是塊元素？（ A ）
A. strong B. p C. div D. hr
9、在下面幾種列表形式中，哪一種在HTML5中已經(jīng)被廢棄了。（ D ）
A. 有序列表ol B.無(wú)序列表ul
C. 定義列表dl D.目錄列表dir
10、下面哪種列表我們?cè)趯?shí)際開(kāi)發(fā)中是用得最多的？（ B ）
A. 有序列表ol B.無(wú)序列表ul
C. 定義列表dl D.目錄列表dir
11、下面有關(guān)ul元素說(shuō)法不正確的是（ D ）。
A. ul元素的子元素只能是li，不能是其他元素
B. ul元素內(nèi)部的文本，只能在li元素內(nèi)部添加，不能在li元素外部添加
C. 絕大多數(shù)列表都是使用ul元素來(lái)實(shí)現(xiàn)，而不是ol元素
D. 我們可以在ul元素中直接插入div元素
12、下面有關(guān)HTML語(yǔ)義化不正確的是（ A ）。
A. 對(duì)于大多數(shù)標(biāo)簽實(shí)現(xiàn)的效果，我們完全可以使用div和span來(lái)代替實(shí)現(xiàn)
B. 學(xué)習(xí)HTML目的在于：在需要的地方，用正確的標(biāo)簽
C. 語(yǔ)義化對(duì)于搜索引擎優(yōu)化來(lái)說(shuō)是非常重要的
D. 語(yǔ)義化目的在于提高可讀性和可維護(hù)性
14、在img標(biāo)簽中，（ B ）屬性的內(nèi)容是提供給搜索引擎看的。
A. src B.alt C.title D.class
15、下面說(shuō)法，正確的是（ B ）。
A.當(dāng)鼠標(biāo)移到圖片上時(shí)，就會(huì)顯示img標(biāo)簽alt屬性中的文字
B. src是img標(biāo)簽必不可少的屬性，只有定義它之后圖片才可以顯示出來(lái)
C. 在實(shí)際開(kāi)發(fā)中，我們常用的是絕對(duì)路徑，很少用到相對(duì)路徑
D. 如果想要顯示一張動(dòng)畫圖片，可以使用png格式來(lái)實(shí)現(xiàn)
23、下面說(shuō)法中，正確的是（ C ）。
A. 現(xiàn)在已經(jīng)是CSS3時(shí)代了，CSS2沒(méi)必要再去學(xué)
B. 一般使用script標(biāo)簽來(lái)引用外部樣式表
C. 在實(shí)際開(kāi)發(fā)中，一般使用外部樣式表的多
D. 內(nèi)部樣式表和行內(nèi)樣式表在實(shí)際開(kāi)發(fā)中一點(diǎn)用處都沒(méi)有
24、每一個(gè)樣式聲明之后，要用（ B ）表示一個(gè)聲明的結(jié)束。
A. 逗號(hào) B. 分號(hào) C. 句號(hào) D. 頓號(hào)
25、下面哪一項(xiàng)是CSS正確的語(yǔ)法結(jié)構(gòu)？（ D ）
A. body:color=black B. {body;color:black}
C. {body:color=black;} D. body{color:black;}
26、下面有關(guān)id和class的說(shuō)法中，正確的是（ D ）。
A. id是唯一的，不同頁(yè)面中不允許出現(xiàn)相同的id
B. id就像你的名字，class就像你的身份證號(hào)
C. 同一個(gè)頁(yè)面中，不允許出現(xiàn)兩個(gè)相同的class
D. 可以為不同的元素設(shè)置相同的class來(lái)為他們定義相同的css樣式
27、下面有關(guān)選擇器的說(shuō)法中，不正確的是（ A ）。
A. 在class選擇器中，我們只能對(duì)相同的元素定義相同的class屬性
B. 后代選擇器選擇的不僅是子元素，還包括它的其他后代元素（如“孫元素”）
C. 群組選擇器可以對(duì)幾個(gè)選擇器進(jìn)行相同的操作
D. 想要為某一個(gè)元素定義樣式，我們可以使用不同的選擇器來(lái)實(shí)現(xiàn)
28、CSS中可以使用（ C ）屬性來(lái)定義字體粗細(xì)。
A. font-family B. font-size C. font-weight D. font-style
三、判斷題（每題1分，共13分）
1.在HTML中,若實(shí)現(xiàn)點(diǎn)擊超鏈接時(shí),彈出一個(gè)新的網(wǎng)頁(yè)窗口,符合要求的寫法是<a href="right.html" target="_blank">節(jié)目</a> （ √ ）
2.由于某些字符在HTML中有特殊含義，因此需要在瀏覽器中顯示這些字符，就必須在HTML中使用字符轉(zhuǎn)譯碼。其中?表示空格 （ √ ）
3.在HTML中，從本頁(yè)面連接到頁(yè)面中錨記是marker位置的代碼是<a href="hello.htm" position="marker">Hello</a> （ × )
4.<a href="index.html" target="_blank">首頁(yè)</a>這段代碼目標(biāo)窗口在當(dāng)前窗口中打開(kāi) （ × ）
5.將一個(gè)網(wǎng)頁(yè)中所有的h1元素以及p元素的字體顏色設(shè)置為紅色的CSS代碼為h1, p {color:red;} （ √ ）
6.使用外部樣式表可以使網(wǎng)站更加簡(jiǎn)潔，風(fēng)格保持統(tǒng)一，它的文件擴(kuò)展名為 .cs （ √ ）
7.外部樣式表內(nèi)容不需要使用<style>標(biāo)簽,而是使用<link>標(biāo)簽引入外部樣式 （ √ ）
8.在HTML中，通過(guò)a{text-decoration:none}可以實(shí)現(xiàn)鼠標(biāo)懸停在超鏈接上時(shí)，為無(wú)下劃線的效果 （ √ ）
9.div標(biāo)簽是塊級(jí)元素 （ √ ）
10.下面選項(xiàng)中，可以設(shè)置頁(yè)面中某個(gè)DIV標(biāo)簽相對(duì)頁(yè)面水平居中的CSS樣式是vertical-align:middle （ × ）
11.在HTML中，DIV默認(rèn)樣式下是不帶滾動(dòng)條的，若要使<div>標(biāo)簽出現(xiàn)滾動(dòng)條，需要為該標(biāo)簽定義overflow:scroll樣式 （ √ ）
12.若某個(gè)標(biāo)簽里的內(nèi)容超過(guò)標(biāo)簽的尺寸，則超出的內(nèi)容自動(dòng)隱藏的CSS樣式是visibility:hidden （ × ）
15.html內(nèi)嵌框架的標(biāo)簽名是iframe （ √ ）
- 權(quán)重等級(jí)由高到低依次為!important > 內(nèi)聯(lián)樣式 > ID選擇器 > 類、偽類和屬性選擇器（ √ ）
四、簡(jiǎn)答題（每題14分，共42分）
1、請(qǐng)默寫HTML基本結(jié)構(gòu)。
<!DOCTYPE html>
<html lang=’en’>
<head>
<title></title>
<meta charset = ‘utf-8’>
</head>
<body>
<h1></h1>
</body>
</html>
2、下面有一段代碼，如果我們想要選中所有的div和p，請(qǐng)用至少2種不同的選擇器方式來(lái)實(shí)現(xiàn)，并且選出最簡(jiǎn)單的一種
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div></div>
<p></p>
<p></p>
<strong></strong>
<span></span>
</body>
</html>
- div,p{}
- <div class=”a”></div>
<p class=”a”></p>
<p class=”a”></p>
.a{}
第一種簡(jiǎn)單
3、為下面這段文字定義字體樣式，要求字體類型指定多種、大小為14px、粗細(xì)為粗體、顏色為藍(lán)色。
“有規(guī)劃的人生叫藍(lán)圖，沒(méi)規(guī)劃的人生叫拼圖?！?/p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>hali</title>
<style type="text/css">
p1{color:blue;
font:bold italic 14px '宋體，華文彩云，楷體'}
p2{color: blue;
font:bold italic 14px '楷體'}
p3{color: blue;
font:bold italic 14px '仿宋'}
</style>
</head>
<body>
<br>
<p1>"有規(guī)劃的人生叫藍(lán)圖,沒(méi)規(guī)劃的人生叫拼圖."</p>
<p2>"有規(guī)劃的人生叫藍(lán)圖,沒(méi)規(guī)劃的人生叫拼圖."</p>
<p3>"有規(guī)劃的人生叫藍(lán)圖,沒(méi)規(guī)劃的人生叫拼圖."</p>
<br>
</body>
</html>
五、論述題（每題15分，共15分）
請(qǐng)羅列出盒子模型的計(jì)算公式，盒子的寬度等于什么，盒子的高度等于什么？
盒子的計(jì)算方式:
width，height內(nèi)容的寬高
整個(gè)盒子的大小：
盒子的寬：內(nèi)容的寬：width+padding2+border2+margin2
盒子的高：內(nèi)容的高：height+padding2+border2+margin2
