web前端的面试中，完成面试题是其中重要的环节之一。以下是小编为大家整理的：web前端面试题整理参考，仅供大家参考!

web前端面试题之填空题

1、目前常用的WEB标准静态页面语言是__html_。

2、改变元素的外边距用___margin_____，改变元素的内填充用___padding_____。

3、对ul li的样式设成无，应该是用什么属性list-styl-type：none。

4、在新窗口打开链接的方法是__target=_bank_。

5、Color:#666666;可缩写为__color：#666_____。

6、合理的页面布局中常听过结构与表现分离，那么结构是__div __，表现是__css_____。

web前端面试题之选择题

1、下列哪些是格式良好的XHTML?B

A：A short paragraph

B：A short paragraph

C：A short paragraph

2、在HTML文档中，引用外部样式表的正确位置是?D

A：文档的末尾 B：文档的顶部

C：部分D：部分

web前端面试题之问答题

1、当float和margin同时使用时，IE6的双倍边距BUG如何解决?

display：inline;或者margin-right:-3px;

2、css代码优化及优化的原因

margin-top:20px;

margin-right:5px;

margin-left:5px;

margin-bottom:20px;

font-style:italic;

font-variant:small-caps;

font-weight:bold;

font-size:1em;

line-height:140%;

font-family:”Lucida Grande”,sans-serif;

color:#336699;

答案：margin:20px 5px;

font:italic small-caps bold 1em/140% “Lucida Grande”,sans-serif;

color:#369;

减少页面请求和css解析次数，提高页面响应速度。

3、Firefox中标签的居中问题的解决方法?

*{margin：0px auto;}

4、写出以下3种IE6 BUG的解决方法。

①解决IE6及更早浏览器浮动时产生双倍边距的BUG

display:inline

②如何解决IE6下的文本溢出BUG

删除2个div之间所有的注释;

不设置浮动;

调整2个div的宽度，比如将宽度调整为更小一点，刷新页面看效果。

③DIV浮动IE文本产生3象素的bug

左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距. #box{float:left; width:800px;} #left{ float:left; width:50%;}#right{ width:50%;} *html #left{ margin-right:-3px; //这句是关键}

5、.test {height:25px;line-height:25px;}

问：这段代码在IE和火狐浏览器中高度显示是否一样?如果不一样，请写出他们的实际高度。如果让你解决兼容性问题，你会如果解决?

这道题是考兼容性，只要写出，IE浏览器是内容撑开高度，比如文字高度是30,那么最终IE里的高度就是30。而火狐浏览器是内容一超过高度，高度就会被撑破，导致错位。

可以用min-height的方法加上csshack(IE6不认识min-height)去解决。