《整理网页美工面试题》由会员分享，可在线阅读，更多相关《整理网页美工面试题（12页珍藏版）》请在金锄头文库上搜索。
1、网页美工面试题面试题类型1： 选择题 1、在下面的XHTML 中，哪一个可以正确地标记折行？ A： B： C： 2、以下哪些是格式良好的XHTML？ A： A short paragraph B： A short paragraph C： A short paragraph 3、在以下的HTML 中，哪一个是正确援用外部样式表的方法？ A： B： C：mystyle.css 问答题 1、请写出超链接的顺序或你在初始样式中的链接方法。（要求默许无下线，鼠标经过有下划线） 2、为何没法定义1px左右高度的容器？ 3、Firefox中标签的居中问题的解决方法？ 4、请写出XHTML和CSS如何注释？
2、 面试题类型2： 1、网页设计分析能力 1购物网站的主色调应当是甚么样色？交友网站？体育网站？软件网站？年轻的互联网？搜索引擎？21个网站最多有几种色采 3百度和google，你看哪一个觉得更舒服1点？为何 4列出你所知道的几种图象格式，并说出它们之间的不同点和大部份的用处 51般网站的版式有哪几种？ 6如果背景是黑色，那末字体用甚么色彩能突出字体，且不显得刺眼？7在在红色中加入少许的黑色，你觉得应当是种甚么感觉？ 2、网页制作能力 1用div设计1个3行3列的网页（以下边） 3用li做1个横向的导航菜单，很多于3个菜单 4背景的哪一个属性来肯定背景图象是不是固定？ 3、高级利用能力（选做）
3、1用js代码写出1个页面加载后能不断变换背景的效果 2利用DOM知识是列出1个ul中li的总数，li中的内容 3写出你会用的兼容个中不同阅读器的hack css代码，如IE7 FF 4说出你所知道的web标准方面的知识 5写出你所知道的PS 快捷键和名称 6/images/123.jpg 与images/123.jpg,那种写法是相对根目录的？ 4、软件利用能力(选2题)： 1Ps或其他图象处理软件做1个如图的渐变按钮 2Flash做1个简单的图形遮罩效果 3把网站童车列表页的结构美感重新设计 4用ps或Fw等图象处理软件对1个网页平面图做切片 常见面试题及解答： 1.超链接访问过后hover
4、样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: body margin:0 div float:left; margin-left:10px; width:200px; height:200px; border:1px solid red 浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline 3.为何FF下文本没法撑开容器的高度? 标准阅读器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？
5、办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义：div height:auto!important; height:200px; min-height:200px; 4.为何web标准中IE没法设置转动条色彩了? 原来样式设置： body scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbardlight-color:#eeeeee; scrollbar-arrow
6、-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; 解决办法是将body换成html 5.为何没法定义1px左右高度的容器? IE6下这个问题是由于默许的行高酿成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px 6.怎样样才能让层显示在FLASH之上呢? 解决的办法是给FLASH设置透明: 7.怎样使1个层垂直居中于阅读器中? 这里使用百分比绝对定位，与外补钉负值的方法，负值的大小为其本身宽度高度除以2 8、firefox嵌套d
7、iv标签的居中问题的解决方法 假定有以下情况： 如果要实现b在a中居中放置，1般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来1切正常；但是在Firefox中b却会是居左的。 解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为：margin: 0 auto;。 9、HTML的含义是甚么?其主体部份由甚么标记构成? HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部份，网页中的所有内容，包括文字、图形、链接和其他页面元素都包括在该标记符内。 10、
8、标记br和p有甚么区分? 标记br和p都可以用来换行，但是2者是有区分的。标记使当前行强行中断而另起1行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同1段落，而 标记在换行的时候另起了1新的段落；标记无对应的结束标记，而 标记必须和配合使用，不能省略。 11、URL指的是甚么?有何作用?分为几种?有甚么区分? URL是统1资源定位符，用于定位Web上的文件信息。 URL有绝对和相对之分。绝对URL就是指完全的资源地址，具体情势为：协议名称:/计算机域名/路径和文件名。1般情况下，在指定外部Internet资源时应使用绝对URL。相对URL指资源相对当前页面的路径。使用相对URL时，
9、1般使用点“.”和双点“.”表示当前目录和上1级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL。 12、说明在网页设计中层的作用 层，也就是DIV标记，是1个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同1个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动和隐藏。 它的主要作用有以下两点：(1) 将1些标记元素组织起来，利用DIV的属性为这些标记元素定义统1的样式;(2) 利用其z-index属性，实现页面内各元素的堆叠显示效果;(3) 使页面上显示更多的殊效功能。 13、CSS指的是甚么?在网页制作中为何要使用CSS技
10、术? CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中1个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和保护带来了很大的方便;具体利用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动产生改变。 14、网页制作中有哪几种样式设置方法?各有何特点? 网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置3种方式。 (1) 内联式样式设置： 设置方法：直接在要设置样式的各标记元素中修改style属性; 优点：直观、方便; 缺点：不容易于保护和修改;
11、 适用于：网页中个别需要修改的元素的样式定义; (2) 直接嵌入式样式设置： 设置方法：在HTML文档的之间添加定义， 部份是所有需要设置样式的元素的属性定义。 优点：对当前页面内的所有元素的样式修改、保护比较方便; 缺点：对网站建设，要采取相同的样式设置则比较麻烦; 适用于：单独网页的样式定义; (3) 外部链接式样式设置： 设置方法：把所有样式定义放在1个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其与之间添加1个对该样式文件的链接：便可; 适用于：需要统1显示样式的网站建设。 15、用户自定义的类和ID在定义和使用时有甚么区分? 定义时，类以英文情势的句点“.”为起始标志，I
12、D以“#”为起始标志;使用时，类可以在1个页面中被多个不同的元素援用，而ID在1个页面中只能被援用1次。 16、为何web标准中IE没法设置转动条色彩了? 原来样式设置： body scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbardlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#
13、fff; 解决办法是将body换成html 17、样式定义以下，试说明显示结果，并做相应解释 样式表文件StyleExercise.css： bodybackground-color:#ccccff; pcolor:Blue;font-size:30px; h1color:Yellow;font-size:medium; p acolor :Orange;font-size:40px; HTML文件： 样式作业练习 h1color:red; .firstbackground-color:black; 标题1 标题2 文本 这是1个链接演示。 另外一个链接 (1) 第1次使用的P、H1H6标记均
14、以红色的“40px”大小的字体显示; (2) 超链接未选中时，以蓝色字体显示;当鼠标移动到上方时，以原字体大小的1.5倍的橙色字体显示;当超链接被点击以后，以暗红色字体显示; (3) 所有P标记的内容都以列表的情势显示; (4) 所插入图片的左右两侧都允许有文字出现; (5) 使用背景图片，并使其在全部页面的两个方向平铺。 该HTML页面与样式表文件建立了链接，显示时以“#ccccff”色为背风景; “标题1”：3种样式定义方式都使用了，终究依照就近原则，之内联式样式定义的色彩“brown”、外部链接的样式表文件定义的字体大小“medium”显示; “标题2”：使用了外部链接和直接嵌入的样式定义，以直接嵌入式定义的色彩“red”、类.first定义的背风景“black”、外部链接的样式定义的字体大小“medium”显示; “文本”：使用了外部链接和内联式的样式定义，之内联式定义的字体大小“20px”、外部链接的样式定义的色彩“blue”显示;
