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