爱华网
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)去解决。
