网页设计师面试题.docx

网页设计师面试题

第一篇：网页设计师面试题网页设计师面试题一：填空共25分1、目前常用的WEB标准静态页面语言是________。2分2、改变元素的外边距用________，改变元素的内填充用________。5分3、在Table中，TR是________，TD是________。2分4、如果给一行两列的表格（table）定义高度样式，在________标签中定义最合理，最能减少代码的臃肿。3分5、对ulli的样式设成无，应该使用什么属性________。5分6、在新窗口打开链接的方法是________。2分7、Color:#666666;可缩写为________。3分8、合理的页面布局中常听过结构与表现分离，那么结构是________，表现是________。3分二、选择共20分1、在下面的XHTML中，哪个可以正确地标记折行？5分A：B：C：2、下列哪些是格式良好的XHTML？5分A：AshortparagraphB：AshortparagraphC：Ashortparagraph3、在以下的HTML中，哪个是正确引用外部样式表的方法？5分A：B：C：mystyle.css4、在HTML文档中，引用外部样式表的正确位置是？5分A：文档的末尾B：文档的顶部C：部分D：部分三、问答共20分1．请写出超链接的顺序或者你在初始样式中的链接方法。（要求默认无下线，鼠标经过有下划线）2分2、当float和margin同时使用时，IE6的双倍边距BUG如何解决？2分3、Firefox中标签的居中问题的解决方法？2分4、请以缩写方法写出1px直线（实线）灰色（任意灰色代码值），上面无边框的矩形边框样式。2分5.超链接访问过后hover样式就不出现的问题该如何解决?2分6.怎么样才能让层显示在FLASH之上呢?2分7、firefox嵌套p标签时居中问题的解决方法假定有如下情况：如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常；但是在Firefox中b却会是居左的，请给出你的解决办法。2分8、网页制作中有哪几种样式设置方法?各有何特点?3分9．列出6-10个会激活js脚本的网页动作。3分10.模拟如下场景：公司网站需要在二个月内改版完成，你接手这一任务后每天都在紧张的按计划进行着工作，周五的时候，你的上级告诉你想让你帮助他设计一个私人用的博客页面，中午的时候，企划中心的经理告诉你每周的期刊PSD模板已经做了，需要尽快发布，这个时候你该怎么做？5分四：上机操作35分1．用p设计一个三行三列的网页（头部,身体,底部;身体部分为三列），要求主体宽为1000px，居中对齐，能适应1024以上分辨率。5分2．用li做一个横向的导航菜单，不少于三个菜单。5分3：使用二种或二种以上方法制作1px高的直线。5分4．插入一个层，使其垂直居中于浏览器中。10分5：在网页中插入一个超链接，当鼠标经过超链接时（要求去除链接的下划线），显示对该链接的文字说明，当鼠标移出时，该层消失。5分第二篇：网页设计师面试题(有答案)1.请写出以下css样式名称：改变元素的内填充用__________padding改变元素的外边距用__________margin2.在Table中，TR是_____________TD是________________TR代表表格中的一行TD代表表格中的一个单元格3.色彩的三要素、及其特点：明度、色相、饱和度。明度可以简单理解为颜色的亮度色相，色彩可呈现出来的质的面貌饱和度是指色彩的鲜艳程度，也称色彩的纯度4.CSS样式表一共分3种，分别是：1、内联样式表:内联样式表是写在标记内的，只对所在标记有效。2、内部及联样式表:利用标记将样式表嵌在HTML文件的头部。3、外部级联样式表:使用标记可以将样式表链接到网页上。5.IE6的margin双倍边距bug问题：例如：body{margin:0;}p{float:left;margin-left:10px;width:200px;height:200px;border:1pxsolidred;}浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline6.请写出用ul、li做的横向导航：主页工作日志设备运行记录其他/*ulli以横排显示*//*所有class为menu的p中的ul样式*/p.menuul{list-style:none;/*去掉ul前面的符号*/margin:0px;/*与外界元素的距离为0*/padding:0px;/*与内部元素的距离为0*/width:auto;/*宽度根据元素内容调整*/}/*所有class为menu的p中的ul中的li样式*/p.menuulli{floa