网页设计师常见面试题集

网页设计师常见面试题集面试题类型一：一、填空题（40 分）1、目前常用的 WE际准静态页面语言是__________ 。

（4 分）2、改变元素的外边距用 _______ ，改变元素的内填充用_______ 。

（6 分）3、在 Table 中，TR是________ , TD是_________ 。

（6 分）4、如果给一行两列的表格（table）定义高度样式，在________ 标签中定义最合理，最能减少代码的臃肿。

（5 分）5、对 ul li 的样式设成无，应该是用什么属性________ 。

（6 分）6、在新窗口打开链接的方法是 _________ 。

（4 分）7、C olor:#666666; 可缩写为________ 。

（2 分）8、合理的页面布局中常听过结构与表现分离，那么结构是________，表现是________ 。

（9 分）二、选择题（20 分）1、在下面的 XHTML中，哪个可以正确地标记折行？（5 分）A：B：eak/> C：2、下列哪些是格式良好的XHTML?（5分）A：A short paragraphB：A short paragraphC：A short paragraph3、在以下的HTML 中，哪个是正确引用外部样式表的方法 ?（5 分）A：浮动后本来外边距 10px, 但 IE 解释为 20px, 解决办法是加上 display:inline3.为什么FF下文本无法撑开容器的高度？标准浏览器中固定高度值的容器是不会象 IE6 里那样被撑开的 , 那我又想固定高度，又想能被撑开需要怎样设置呢?办法就是去掉 he ight 设置 min-height:200px; 这里为了照顾不认识min-height 的 IE6 可以这样定义：div { height:auto!important; height:200px; min- height:200px; }4.为什么web标准中IE无法设置滚动条颜色了？原来样式设置：解决办法是将 body 换成 html5.为什么无法定义 1px 左右高度的容器 ?IE6 下这个问题是因为默认的行高造成的，解决的方法也有很多，例如： overflow:hidden | zoom: | line- height:1px6.怎么样才能让层显示在 FLASH之上呢？解决的办法是给FLASH设置透明：7.怎样使一个层垂直居中于浏览器中？这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二8、 firefox 嵌套 div 标签的居中问题的解决方法假定有如下情况：如果要实现b在a中居中放置，一般只需用 CSS设置 a 的text-align 属性为 center 。

这样的方法在 IE 里看起来一切正常 ; 但是在 Firefox 中 b 却会是居左的。

解决办法就是设置 b 的横向 margin 为 auto 。

例如设置 b 的 CSS样式为：margin: 0 auto;。

9、 HTML的含义是什么？其主体部分由什么标记构成？HTML即卩 Hyper Text Markup Language 超文本标记语言，是构成网页最基本的元素。

标记和之间的内容构成了 HTML 的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。

10、标记 br 和 p 有什么区别 ?标记 br 和 p 都可以用来换行，但是二者是有区别的。

标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而标记在换行的时候另起了一新的段落 ; 标记无对应的结束标记，而标记必须和配合使用，不能省略。

11、 URL指的是什么？有何作用？分为几种？有什么区别？URL是统一资源定位符，用于定位Web上的文件信息。

URL有绝对和相对之分。

绝对 URL就是指完整的资源地址，具体形式为：协议名称 :// 计算机域名 / 路径和文件名。

一般情况下，在指定外部 Internet 资源时应使用绝对 URL相对URL指资源相对于当前页面的路径。

使用相对 URL时，一般使用点“.”和双点“..”表示当前目录和上一级目录（父目录）。

在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL。

12、说明在网页设计中层的作用层，也就是DIV标记，是一个区块级的 HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个 DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏它的主要作用有以下两点： (1) 将一些标记元素组织起来，应用 DIV 的属性为这些标记元素定义统一的样式 ;(2) 利用其 z-index 属性，实现页面内各元素的重叠显示效果 ;(3)使页面上显示更多的特效功能。

13、 CSS指的是什么？在网页制作中为什么要使用CSS 技术?CSS(Cascading Style Sheets) 也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。

在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便 ; 具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

14、网页制作中有哪几种样式设置方法？各有何特点？网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。

(1)内联式样式设置：设置方法：直接在要设置样式的各标记元素中修改 style 属性 ;优点：直观、方便 ;缺点：不易于维护和修改 ;适用于：网页中个别需要修改的元素的样式定义(2)直接嵌入式样式设置：设置方法：在HTML文档的之间添加定义，部分是所有需要设置样式的元素的属性定义。

优点：对当前页面内的所有元素的样式修改、维护比较方便 ;缺点：对于网站建设，要采用相同的样式设置则比较麻烦;适用于：单独网页的样式定义 ;(3)外部链接式样式设置：设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其与之间添加一个对该样式文件的链接：即可;适用于：需要统一显示样式的网站建设。

15、用户自定义的类和 ID 在定义和使用时有什么区别 ? 定义时，类以英文形式的句点“ . ”为起始标志， ID 以“#”为起始标志 ; 使用时，类可以在一个页面中被多个不同的元素引用，而 ID 在一个页面中只能被引用一次。

16、为什么 web 标准中 IE 无法设置滚动条颜色了 ? 原来样式设置：解决办法是将 body 换成 html17、样式定义如下，试说明显示结果，并做相应解释样式表文件：body{background-color:#ccccff;} p{color:Blue;font-size:30px; } h1{color:Yellow;font-size:medium;} pa{color :Orange;font-size:40px; }HTML文件：标题 1标题 2文本这是一个演示。

⑴ 第一次使用的p、H1〜H6标记均以红色的“ 40px” 大小的字体显示 ;(2)超链接未选中时，以蓝色字体显示 ; 当鼠标移动到上方时，以原字体大小的倍的橙色字体显示 ; 当超链接被点击之后，以暗红色字体显示 ;(3)所有 p 标记的内容都以列表的形式显示 ;(4)所插入图片的左右两侧都允许有文字出现 ;(5)使用背景图片，并使其在整个页面的两个方向平铺。

该HTML页面与样式表文件建立了链接，显示时以#ccccff ”色为背景色“标题1”：三种样式定义方式都使用了，最终按照就近原则，以内联式样式定义的颜色“ brown”、外部链接的样式表文件定义的字体大小“ medium”显示；“标题2”：使用了外部链接和直接嵌入的样式定义，以直接嵌入式定义的颜色“ red ”、类.first 定义的背景色“black ”、外部链接的样式定义的字体大小“ medium显示；“文本”：使用了外部链接和内联式的样式定义，以内联式定义的字体大小“ 20px”、外部链接的样式定义的颜色“ blue ”显示；“这是一个……演示”：使用了外部链接的样式定义，以颜色“ blue ”、字体大小“ 30px”显示；其中“链接”二字，使用了包含选择符的样式定义，以样式表定义的颜色“orange ”、字体大小“ 40px”显示；“另一个链接”：没有样式定义，按默认方式显示。

18、什么是脚本语言 ?目前流行的有哪些脚本语言 ?主要区别是什么 ?脚本语言是一种介于 HTML语言和C++、Visual Basic等程序设计语言之间的语言，它在形式和功能上可能更接近后者，但它并不是应用程序开发语言，所以语法规则没有那么严格和复杂，也无需编译。

目前流行的浏览器脚本语言主要有：ECMAScript 、 Jscript 、 JavaScript 、VBScript 等。

VBScript 是 Visual Basic 的子集，是特意为在浏览器中进行工作而设计的，它不包括一些在脚本这个范围以外的特性，如文件访问和打印等等。

它是基于 Microsoft 的 Visual Basic 语言。

目前只有 Microsoft Internet Explore 版本 3 或更高的版本支持 VBScript ， Netscape 的浏览器并不支持 VBScript 。

JScript从一组编程语言如 C, C++以及Java等之中脱离出来的，是 Microsoft 公司在其 Internet Explore 浏览器中开始实现的解释性脚本语言。

Jscript 来源于 Netscape 公司出版的 JavaScript 文档，但是并不具有 JavaScript 的全部特性。

JavaScript是基于SUN公司的JAVA语言，用于创建动态的联机应用程序，这些程序能够将客户端和服务器端的对象和资源连接在一起。

Microsoft Internet Explore 和 Netscape Navigator 均支持 JavaScript 。

19、设计一个Web应用程序，要求从下向上滚动显示一行信息(1)建立一个新的 Web应用程序，在页面的【源】视图中加入。

(2)切换到【设计】视图，调整控件大小和位置，然后在控件中输入显示内容，例如“欢迎参加MARQUE控件练(3)修改该控件的【 behavior 】属性为【 scroll 】。

(4)修改该控件的【 direction 】属性为【 up】。

20、查找资料，学习掌握如何使用背景音乐、模式对话框和非模式对话框 ?模式对话框和非模式对话框的区别是什么?可以用 bgsound 播放背景音乐，例如 , 当音乐文件个数较多时，可以把音乐名保存到数据库中，然后根据具体情况灵活地选择要播放的乐曲。