[版权声明] 本站所有资料由用户提供并上传，若内容存在侵权，请联系邮箱。资料中的图片、字体、音乐等需版权方额外授权，请谨慎使用。网站中党政主题相关内容(国旗、国徽、党徽)仅限个人学习分享使用，禁止广告使用和商用。

没有发布之前，IE6 就发布了，当时是作浏览器升级补丁的形式发布的。
IE6 应该说是微软的功臣，因为 Netscape 可以说是在和 IE6 的竞争中败下阵的，IE6内核将JavaScript分离运行，javaScript开始可以顺畅的使用在了浏览器中，这也是IE6历史意义。
很长一段时间，IE 成了全球用户最多的浏览器之一，制定了自己的标准，不遵循W3C标准，导致了后起之秀的崛起。IE再开始追溯，频繁更新版本！

首次发表：1996 年 Opera 正式发布之前一直称为 MultiTorg Opera（2.0 版以前的 Opera 一直用这个名字，但这些版本没有对外发行）。Opera 发布后，很快就因其具有快速、多页面浏览等特性深受用户的欢迎。
从开发到发布，Opera 2.0 是完全独立于 Mosaic、IE、Netscape，按时髦的话说，就是有自己的内核。并且 Opera 从一开始就定位为高度符合标准的轻量级 Web 浏览器。Opera 2.0 支持HTML 3.0，可以任意缩放页面，并且提供了对多种图像和视频格式的支持。
Opera5 最为突出的特色是引入了鼠标手势，现在几乎所有的主流浏览器都加入了这个功能。
Opera6 加入了 PNG 图片透明属性，强化了弹窗拦截功能，增加了皮肤选择功能。
当时，浏览器的战争可以说是白热化了，那时，微软禁止了所有非 IE 浏览器访问他们的 ，微软的不厚道引起了各方的强烈反响，Opera 也被迫直接和 IE 正面发生了战争，Opera 当时在一个官方声明中是这样这样说的： “Opera 是国际知名的浏览器符合 W3C 的互联网标准，微软的行为是对 W3C 标准的挑衅和不尊重！” 针对 事件，Opera7 推出了 Windows 环境的特殊版本 “Bork”。当用户访问 时会发出“Bork, Bork, Bork!”的声音。除了与微软进行正面交锋，Opera7 同时还引入了普雷斯托布局引擎，提高了浏览速度以及对于标准的支持。 Opera8 和 Opera7 采用的是同样的引擎，但 Opera 8 增强了语音以及智能导航功能。2005 年 9 月，Opera 8.5 宣布永久删除广告横幅，从此完全免费对用户开放。

苹果发布 Safari 4 时，乔布斯曾放言 Safari 是世界上最快的浏览器，但这种说法只是乔帮主的个人愿望，但不得不说，随着苹果在移动设备市场份额的加大，Safari 目前在全球浏览器的市场份额还是排在了领先位置。

首次发表：2004 年 Firefox 是全球排名靠前的浏览器，并且多次获得了最受欢迎的浏览器的称号。Firefox 最开始的名字是 Phoenix（火鸟），后来因版权原因才更名为 Firefox（火狐）。 Firefox 可以说是从出生那天起就倍受媒体关注，而且是好评不断。
Firefox 1.0 于是2004乎年发布，上图展示的是一个可定制的搜索栏内置菜单栏。它还附带了弹出式窗口拦截、标签浏览、内置 RSS 阅读器、下载管理器等，Firefox 1.0 被公认比 IE 更安全。特别要说的是，Firefox 1.0 支持三方扩展，这也是 Firefox 后续版本能如此成功的关键因素。
Firefox 2.0 增强了钓鱼保护功能，内置了拼写检索，改进了搜索功能。
Firefox 3.0 在 2008 年 6 月发布，它的重大变化是引擎升级到 Gecko 1.9。作了很多方面的改进，性能提升明显。也正因为如此，Firefox3 创下了 24 小时内下载次数最多的吉尼斯世界记录。

首次发表：2008 年 谷歌 Chrome 浏览器刚刚发布时很多人都是非常惊讶的，市场份额进入了全球的三甲。 Google 强调改善了安全性和可靠性，并且针对每一个标签进行单进程处理。另外，引入了匿名模式和隐私浏览，并且可以同时运行。 Google Chrome 的发力可以说是非常之猛，2013年的时候，Google Chrome 已经发布的稳定版最新版到了 30.x，可以说更新速度已经是各浏览器之最了。至今为止Chrome 浏览器版本更新到了V67.0，其性能，速度依旧遥遥领先！

IE: 可以使用获取常规属性的方法来获取自定义属性，也可以使用 getAttribute() 获取自定义属性；

获取可见区域、窗口的大小

访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为"header"的

（1）非IE浏览器下，事件对应的函数有一个隐藏的变量e，表示发生事件。
（2）IE下，不需要e变量，window.event表示发生事件。

触发事件对象（触发事件的元素被认为是目标target）

HTML5 图形和内嵌内容

主流浏览器对CSS属性支持的详细列表

浏览器兼容性相关问题及其解决思路

目前，各主流浏览器的新版本，对于 W3C 的标准支持很好，因此，首先保证代码符合 W3C 的标准，这是解决浏览器兼容问题的前提。
其次，对于某些支持受限的属性，针对不同的浏览器添加相应的前缀，比如-webkit-、-o-、-moz-。

3、不同浏览器垂直居中的问题
在浏览器中 想要垂直居中，设置vertical-align:middle; 不起作用。例如：ie6下文本与文本输入框对不齐，需设置
解决： 给容器设置一个与其高度相同的行高 line-height:与容器的height一样

4、不同浏览器关于高度问题
如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。 如果设定了高度，内容过多时，ie6下会自动增加高度、其他浏览器会超出边框

ie6默认div高度为一个字体显示的高度，在ie6下div的高度大于等于一个字的高度，因此在ie6下定义高度为1px的容器，显示的是一个字体的高度

9、IE6-7图片下面有空隙的问题
块元素中含有图片时，ie6-7中会出现图片下有空隙
4、改变父对象的属性，如果父对象的宽、高固定，图片大小随父对象而定，那么可以对父元素设置： overflow:hidden;

11、IE6两个层之间3px的问题
左边层采用浮动，右边没有采用浮动，这时在ie6中两层之间就会产生3像素的间距

12、IE6 子元素绝对定位的问题
父级元素使用padding后，子元素使用绝对定位，不能精确定位

16、子容器浮动后，父容器扩展问题
子容器都float以后，父容器没有设定高度,父容器将不会扩展
解决： 只需要添加一个clear:both的div，代码如下：

21、IE中li指定高度后，出现排版错误问题
在ie下如果为li指定高度可能会出现排版错位

24、嵌套使用ul、li的问题
ie的bug，嵌套使用ul、li时，里层的li设置float以后，外层li不设置float, 里面的ul顶部和它外面的li总是有一段间距

29、列表不能换行的问题
li设置为浮动，后面的li紧随其后，不能换行
解决： 1、为这个ul定义合适的宽高 2、给包含这个ul 的父div定义合适的宽高。

30、超链接访问过后hover样式不出现的问题
击超链接后，hover、active样式没有效果

38、IE6 绝对定位的问题 问题
left的定位错误问题
bottom的定位错误问题

一、超链接点击事后hover样式就不呈现的问题?
被点击访谒过的超链接样式不再具有hover和active样式了,解决体式格局是改变CSS属性的枚举挨次: L-V-H-A

三、为什么中火狐浏览器下文本无法撑开容器的高度?
尺度浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要若何设置呢?法子就是去失踪height设置min-height:200px; 这里为了赐顾帮衬不熟悉min-height的IE6 可以这样界说：

四、为什么web尺度中无法设置IE浏览器滚动条颜色了?

五、若何界说1px摆布高度的容器?
IE6下这个问题是因为默认的行高造成的，解决的体式格局也有良多，例如：overflow:hidden | zoom:/”>:

七、若何使一个div层居中于浏览器中?

这里利用百分比绝对定位，与外补丁负值的体式格局，负值的大小为其自身宽度高度除以二
八、firefox浏览器中嵌套div标签的居中问题的解决体式格局假定有如下情况：

若是要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的体式格局在IE里看起来一切正常；可是在Firefox中b却会是居左的。

外部定义指经由或标签定义的规则；
3.Specificity值一样的情况下，按CSS代码中出现的顺序决定，后者CSS样式居上；
4.由继续而得到的样式没有specificity的计算，它低于一切其他规则(比如全局选择符*定义的规则)。
当遇到多个选择符同时出现时候
按选择符得到的Specificity值逐位相加，
然后在比较取舍时按照从左到右的顺序逐位比较。
使用!important可以改变优先级别为最高，其次是style对象，然后是id > class >tag ，另外在同级样式按照申明的顺序后出现的样式具有高优先级。
5. 前端页面由哪三层构成，分别是什么?作用是什么?
网页分成三个层次，即：结构层、表示层、行为层。
网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P 标签表达了这样一种语义：“这是一个文本段。”
网页的表示层（presentation layer） 由 CSS 负责创建。 CSS 对“如何显示有关内容”的问题做出了回答。
网页的行为层（behavior layer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM 主宰的领域。
6. css的基本语句构成是?
选择器{属性1:值1;属性2:值2;……}
7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?
IE内核浏览器：360，傲游，搜狗，世界之窗，腾讯TT
1.就是ie6双倍边距的问题，在使用了float的情况下，不管是向左还是向右都会出现双倍，最简单的解决方法就是用display:inline;加到css里面去。
2.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，在高度上我们不能容忍1px 的差异。
3. ff下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。
4. 还讨论内容撑破容器问题，横向上的。如果float 容器未定义宽度，ff下内容会尽可能撑开容器宽度，ie下则会优先考虑内容折行。故，内容可能撑破的浮动容器需要定义width。
5. 浮动的清除，ff下不清除浮动是不行的。
6. mirrormargin bug，当外层元素内有float元素时，外层元素如定义margin-top:14px，将自动生成margin-bottom:14px。padding也会出现类似问题，都是ie6下的特产，该类bug 出现的情况较为复杂，远不只这一种出现条件，还没系统整理。解决方案：外层元素设定border 或 设定float。
7. 吞吃现象，限于篇幅，我就不展开了。还是ie6，上下两个div，上面的div设置背景，却发现下面没有设置背景的div 也有了背景，这就是吞吃现象。对应上面的背景吞吃现象，还有滚动下边框缺失的现象。解决方案：使用zoom:1。这个zoom好象是专门为解决ie6 bug而生的。
8. 注释也能产生bug~~~“多出来的一只猪。”这是前人总结这个bug使用的文案，ie6的这个bug 下，大家会在页面看到猪字出现两遍，重复的内容量因注释的多少而变。解决方案：用“ picRotate start ”方法写注释。
9. 里加 float ，这是一个典型的，棘手的兼容问题，希望引起大家正视 ，给li 不同的属性会有不同的解释效果，ff下的解释稍可理解，ie6下的解释会让你摸不着头脑，由于问题的复杂性，将另起一文专门讨论该问题。在《ul使用心得》一文里有相关成果，却没给出问题解决的过程。
，很遗憾，在ie6下单行文字 line-height 效果消失了。。。，原因是这个inline-block元素和inline元素写在一起了。解决方案：让img 和文字都 float起来。
15. ie6下严重的bug，float元素如没定义宽度，内部如有div定义了height或zoom:1，这个div就会占满一整行，即使你给了宽度。float元素如果作为布局用或复杂的容器，都要给个宽度的。
16. ie6下的bug，绝对定位的div下包含相对定位的div，如果给内层相对定位的div高度height具体值，内层相对层将具有100%的width值，外层绝对层将被撑大。解决方案给内层相对层float属性。
18. 终于来了个ff的缺点。width:100%这个东西在ie里用很方便，会向上逐层搜索width值，忽视浮动层的影响，ff下搜索至浮动层结束，如此，只能给中间的所有浮动层加width:100%才行，累啊。opera这点倒学乖了跟了ie。
8. 如何居中一个浮动元素?
设置容器的浮动方式为相对定位，然后确定容器的宽高，比如宽500 高 300 的层，然后设置层的外边距。
9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！
CSS3实现圆角，阴影，对文字加特效，增加了更多的CSS选择器。
10. 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片?
11. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?