騰訊招聘設計類筆試試題
一、 耐心填一填!(每空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 )
A.word-break B.letter-spacing C.white-space D.word-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=”home.html” target=”_blank”>home
href=”content.html” 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="home.html"
rel="external"
title="home">home
href="content.html"
rel="external"
title="content">content
4. 簡述border:none以及border:0的區別，並給出使用建議。
答：border:none表示邊框樣式無，border:0表示邊框寬度為0;當定義了border:none，即隱藏了邊框的顯示，實際就是邊框寬度為0.
當定義邊框時，必須定義邊框的顯示樣式.因為邊框預設樣式為不顯示none，所以僅設定邊框寬度，由於樣式不存在，邊框的寬度也自動被設定為0.
【騰訊招聘設計類筆試試題】相關文章：