第一篇：網頁設計師面試題 (有答案)
1.請寫出以下css樣式名稱：
改變元素的內填充用__________padding
改變元素的外邊距用__________margin
2.在Table中，TR是_____________TD是________________TR代表表格中的一行TD代表表格中的一個單元格
3.色彩的三要素、及其特點：
明度、色相、飽和度。
明度可以簡單理解為顏色的亮度
色相，色彩可呈現出來的質的面貌
飽和度是指色彩的鮮艷程度，也稱色彩的純度 4.CSS樣式表一共分3種，分別是：
1、內聯樣式表:
內聯樣式表是寫在標記內的，只對所在標記有效。
2、內部及聯樣式表:
利用
浮動后本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline 6.請寫出用ul、li做的橫向導航：
/* ul li以橫排顯示 *//* 所有class為menu的div中的ul樣式 */
div.menu ul
{
list-style:none;/* 去掉ul前面的符號 */
margin: 0px;/* 與外界元素的距離為0 */
padding: 0px;/* 與內部元素的距離為0 */
width: auto;/* 寬度根據元素內容調整 */
}
/* 所有class為menu的div中的ul中的li樣式 */
div.menu ul li
{
float:left;/* 向左漂移，將豎排變為橫排 */
}
/* 所有class為menu的div中的ul中的a樣式(包括尚未點擊的和點擊過的樣式)*/ div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;/* 背景色 */
border: 1px #4e667d solid;/* 邊框 */
color: #dde4ec;/* 文字顏色 */
display: block;/* 此元素將顯示為塊級元素，此元素前后會帶有換行符 */line-height: 1.35em;/* 行高 */
padding: 4px 20px;/* 內部填充的距離 */
text-decoration: none;/* 不顯示超鏈接下劃線 */
white-space: nowrap;/* 對于文本內的空白處，不會換行，文本會在在同一行上繼續，直到遇到
標簽為止。*/
}
/* 所有class為menu的div中的ul中的a樣式(鼠標移動到元素中的樣式)*/
div.menu ul li a:hover
{
background-color: #bfcbd6;/* 背景色 */
color: #465c71;/* 文字顏色 */
text-decoration: none;/* 不顯示超鏈接下劃線 */
}
/* 所有class為menu的div中的ul中的a樣式(鼠標點擊元素時的樣式)*/ div.menu ul li a:active
{
background-color: #465c71;/* 背景色 */
color: #cfdbe6;/* 文字顏色 */
text-decoration: none;/* 不顯示超鏈接下劃線 */
}
第二篇：網頁設計師面試題
網頁設計師面試題
一：填空 共25分
1、目前常用的WEB標準靜態頁面語言是________。2分
2、改變元素的外邊距用________，改變元素的內填充用________。5分
3、在Table中，TR是________，TD是________。2分
4、如果給一行兩列的表格（table）定義高度樣式，在________標簽中定義最合理，最能減少代碼的臃腫。3分
5、對ul li的樣式設成無，應該使用什么屬性________。5分
6、在新窗口打開鏈接的方法是________。2分
7、Color:#666666;可縮寫為________。3分
8、合理的頁面布局中常聽過結構與表現分離，那么結構是________，表現是________。3分
二、選擇共20分
1、在下面的 XHTML 中，哪個可以正確地標記折行？ 5分 A：
B：
2、下列哪些是格式良好的 XHTML？ 5分
A：
A short paragraph
B：
A short paragraph
C：
A short paragraph3、在以下的 HTML 中，哪個是正確引用外部樣式表的方法？5分 A：