品才網>筆試>騰訊招聘設計類筆試試題

騰訊招聘設計類筆試試題

時間：2022-07-02 16:02:03 筆試我要投稿

相關推薦

騰訊招聘設計類筆試試題

　　一、耐心填一填!(每空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.

【騰訊招聘設計類筆試試題】相關文章：

關于騰訊技術類筆試題07-10

騰訊技術類校園招聘筆試試題(A8卷)07-12