騰訊招聘設計類筆試試題

一、 耐心填一填!(每空4分，共24分)

1. 爲div設置類a與b，應編寫HTML代碼-　_________。

2. 設置CSS屬性clear的值爲_both___________時可清除左右兩邊浮動。

3. ____li________標籤必須直接嵌套於ul、ol中。

4. CSS屬性_____margin_______可爲元素設置外補丁。

5. 設置CSS屬性float的值爲___none_________時可取消元素的浮動。

6. 文字居中的CSS代碼是____text-align:center________。

二、 精心選一選!(每題4分，共16分)

1. 下列哪個樣式定義後，內聯(非塊狀)元素可以定義寬度和高度( C )

A. display:inline B. display:none C. display:block D. display:inheric

2. 選出你認爲最合理的定義標題的方法( C )

A. 文章標題

B.文章標題

C.文章標題

D. 文章標題

3. br標籤在XHTML中語義爲( A )

A.換行 B.強調 C.段落 D.標題

4. 不換行必須設置( AC )

-break er-spacing e-space -spacing

5. 在使用table表現數據時，有時候表現出來的`會比自己實際設置的寬度要寬，爲此需要設置下面哪些屬性值( AD )

A. cellpadding=”0″ B. padding:0 C. margin:0 D. cellspacing=”0″

三、判斷對或錯!(每題4分，共24分)

1. CSS屬性font-style 用於設置字體的粗細。 ( × )

2. CSS屬性overflow用於設置元素超過寬度時是否隱藏或顯示滾動條。 ( √ )

3. 在不涉及樣式情況下，頁面元素的優先顯示與結構擺放順序無關。 ( × )

4. 在不涉及樣式情況下，頁面元素的優先顯示與標籤選用無關。 ( √ )

5. display:inline兼容所有的瀏覽器。 ( √ )

6. input屬於窗體元素，層級顯示比flash、其它元素都高。 ( × )

四、用心想一想，你一定是生活中的智者! (每題9分，共36分)

1. 寫出ul、ol、dl三種列表的html結構。

答：

2. 將以下CSS代碼進行縮寫，注意要符合縮寫的規範。

a) 代碼一：border-width:1px;

border-color:#000;

border-style:solid;

b) 代碼二：background-position:0 0;

background-repeat:no-repeat;

background-attachment:fixed;

background-color:#f00;

background-image:url(background.gif);

c) 代碼三：font-style:italic;

font-family:"Lucida Grande"，sans-serif;

font-size:1em;

font-weight:bold;

font-variant:small-caps;

line-height:140%;

d) 代碼四：list-style-position:inside;

list-style-type:square;

list-style-image:url(image.gif);

e) 代碼五：margin-left:20px;

margin-right:20px;

margin-bottom:5px;

margin-top:20px;

f) 代碼六：color:#336699;

color:#ffcc00;

答：代碼一：border:1px #000 solid;

代碼二：background: #f00 url(background.gif) no-repeat fixed 0 0;

代碼三：font:italic bold small-caps 1em/140% "lucida Grande"，sans-serif;

代碼四：list-style: url(image.gif) square inside;

代碼五：margin:20px 20px 5px 20px;

代碼六：color:#369;color:#fc0;

3. 修改以下代碼，使其結構更加合理以及符合W3C標準。(XHTML 1.0 Strict)

代碼：

Don’t buy these electronics used

Money may be tight， but you may kick yourself for purchasing these electronics secondhand.

/>

Even when the price is low， the risk may be too high.

/>

src=”album.jpg”>

href=”” target=”_blank”>home

href=”” target=”_blank”>content

答：

Don’t buy these electronics used

Money may be tight， but you may kick yourself for purchasing these electronics secondhand.

Even when the price is low， the risk may be too high.

src="album.jpg"

alt="album"

/>

href=""

rel="external"

title="home">home

href=""

rel="external"

title="content">content

4. 簡述border:none以及border:0的區別，並給出使用建議。

答：border:none表示邊框樣式無，border:0表示邊框寬度爲0;當定義了border:none，即隱藏了邊框的顯示，實際就是邊框寬度爲0.

當定義邊框時，必須定義邊框的顯示樣式.因爲邊框默認樣式爲不顯示none，所以僅設置邊框寬度，由於樣式不存在，邊框的寬度也自動被設置爲0.