小小面试题（三）

1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
Ie(Ie 内核) 火狐（Gecko） 谷歌（webkit） opear(Prest）
2.写出几种 IE6 BUG 的解决方法。
a.双边距 BUG float 引起的 使用 display。
b 像素问题 使用 float 引起的 使用 dislpay:inline -3px。
c.超链接 hover 点击后失效 使用正确的书写顺序 link visited hover active。
d.ie z-index 问题 给父级添加 position:relative。
e.Png 透明 使用 js 代码改。
f.Min-height 最小高度 ！Important 解决’。
g.select 在 ie6 下遮盖 使用 iframe 嵌套。
h.为什么没有办法定义 1px 左右的宽度容器（IE6 默认的行高造成的，使用
over:hidden,zoom:0.08 line-height:1px）
3.标签上 title 与 alt 属性的区别是什么?
Alt 当图片不显示是 用文字代表。
Title 为该属性提供信息。
详解：(title 属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。
为不能显示图像、窗体或 applets 的用户代理（UA），alt 属性用来指定替换文字。使用
alt 属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。)
4.描述 css reset 的作用?
Reset 重置浏览器的 css 默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一
5.解释 css sprites，如何使用?
Css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量
6.你如何对网站的文件和资源进行优化?期待的解决方案包括：
文件合并
文件最小化/文件压缩
使用 CDN 托管
缓存的使用
7.什么是语义化的 HTML?
直观的认识标签 对于搜索引擎的抓取有好处
8.清除浮动的几种方式，各自的优缺点?
a.使用空标签清除浮动 clear:both（理论上能清楚任何标签，，，增加无意义的标签）。
b.使用 overflow:auto（空标签元素清除浮动而不得不增加无意代码的弊端,使用 zoom:1
用于兼容 IE）。
c.父级div定义伪类:after和zoom(用于非IE浏览器)。
9.前端页面由哪三层构成，分别是什么?作用是什么?
网页分成三个层次，即：结构层、表示层、行为层。
网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，
也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含
任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”
网页的表示层（presentation layer） 由 CSS 负责创建。 CSS 对“如何显示有关内容”
的问题做出了回答。
网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。
这是 Javascript 语言和 DOM 主宰的领域