前端面试题汇总

HTML+CSS

1，对于WEB标准以及W3C理解与认识？

标签的闭合，标签的小写，不乱嵌套，提高搜索机器人搜素几率，使用外链css和js脚本，结构行为变现分离，文件下载与页面速度更快，内容能被更多的用户所访问，内容能被更广泛的设备所访问，更少的代码和组件，容易维护，改版方便，不需要变动页面内容，提供打印版本而不需复制内容，提高网站的易用性。

2，XHTML和HTML的区别？

HTML是一种基本web网页设计语言，XHTML是一个基于XML的置标语言。

最主要不同：

XHTML元素必须正确嵌套；

XHTML元素必须被关闭；

标签名必须用小写字母；

XHTML文档必须拥有根元素。

3，Doctype？严格模式和混杂模式。如何触发这两种模式，区分他们有何意义？

用于声明文档使用的那种规范（HTML/XHTML）一般严格过度基于框架的html文档加入XML声明可触发，解析方式更改为IE5.5拥有IE5.5的bug。

4，行内元素？块级元素？css的和模型？

块级元素：div h1-h4 form ul 

行内元素：a b br i span input select

IE盒模型：内容+border+margin+padding

CSS3盒模型：内容+margin

5，CSS引入的方式有哪些？link和@inport的区别？

方式：内联、内嵌、外联、导入

区别：同时加载。link无兼容性，@inport CSS2.1以下浏览器不支持。

　　　link写在HTML页面中的，@import写下css页面中的。

　　　link支持使用javascript改变样式，而@import不可。

6，CSS选择符有哪些？

　　类选择器，标签名选择器，ID选择器，后代选择器（派生选择器）、群组选择器

　　可以继承选择器？

　　类选择器，标签选择器，后代选择器，群组选择器

　　优先级的算法？

　　标签内直接定义1000

　　ID选择器100

　　类选择器10

　　标签名选择器1

　　内联和important中，important优先级高。

7，前端页面有哪三层构成，分别是什么？作用是什么？

结构层（html、xhtml）：主要指DOM节点；

行为层（css）：主要指页面渲染；

表示层（js/as）：主要注意页面动画效果交互；

8，CSS基本语句的构成是？

选择符  属性   值   

dome：选择器{属性1:值1;属性2:值2;……}

9，你做的页面有那些浏览器测试过？这些浏览器的内核分别是什么？

Ie（IE内核）火狐（Gocko）谷歌（webkit）opear（Presto）

10，写出几种IE6BUG的解决方法？

（1）双边距bug float引起的，用display：inline解决；

（2）3像素问题 float引起的，使用display：inline -3px解决；

（3）超链接hover点击失效，使用正确顺序 link visited hover active；

（4）IE z-index问题  给父级添加position：relative

（5）png透明问题 使用js代码改写。png-8

（6）min-height最小高度   ！important解决

（7）select在ie6下遮盖  使用iframe嵌套

（8）为什么不能定义1px左右的宽度容器（IE6默认的行高造成的，使用over：hidden；zoom：0.08；line-height：1px；）

11，标签上分title与alt属性的区别？

alt当图片不显示，用文字代表；

title为该属性提供信息。

12，描述css reset的作用和用途？

reset重置浏览器的css默认属性的品种不同，样式不同，然后重置，让他们统一。

13，解释css sprites，如何使用？

CSS精灵把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量。

14.浏览器标准模式和怪异模式之间的区别是什么?
盒子模型 渲染模式的不同
使用 window.top.document.compatMode 可显示为什么模式

15，你如何对网站文件和资源进行优化？

文件合并；

文件最小化/文件压缩；

使用CDN托管；

缓存的使用；

16，什么是语义化HTML？

直观认识标签，对于搜索引擎的抓取有好处

17，清除浮动的几种方式，各自优缺点？

（1）使用空标签clear：both；理论上能清楚任何标签，但增加了无意义标签。

（2）使用overflow：auto；空标签元素清除浮动而不得不增加无意义代码的弊端，使用zoom：1用于兼容IE

（3）使用After伪元素清除浮动；用于非IE浏览器。

18，有没有关注HTML5和CSS3？简单说一下对他们了解情况？

html5是目前正为未来html标准的主要修订的发展。与前任一样，html5是一个结构和提交万维网内容的标准。新标准结合了诸多视频播放，拖动和放下以前曾在第三方浏览器插件依赖例如Adobe Flash，微软的Silverlight的功能，和谷歌齿轮。

19，如果让你制作一个放微凉很高的大型网站，你会如何管理所有CSS文件，js与图片？

把所有的css文件都放入一个样式表中，通过把所有的脚本放到一个文件中来减少HTTP请求的方法。js也是采用同样方法。把所有的背景图像放到一个图片文件中，然后通过css的background-image和background-position属性来显示图片的不同部分。

20，你对前端界面工程师这个职位怎么样理解，他的前景如何？

1，与交互设计师，视觉设计师协作，根据设计图完成页面制作。

2，维护及优化网站前端性能。

前景：长期以来，国内前端来发在整个软件开发行业占得比重较小，发展较晚。网站也多倾向与盈利最大化而轻视用户体验。前后端比例悬殊大。近几年来，随着以用户为中心的思想普及发展。前端开发呈现出强劲的发展态势，前端开发人员在项目中的重要性日益突出。前端人员呈现出严重的人员短缺现象。