第一篇：网页设计师面试题 (有答案)
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：