学习啦>创业指南>职场>面试题>

web前端面试题整理参考内容

如英分享

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

  web前端面试题篇1

  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前端面试题篇2

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

  A:A short paragraph

B:A short paragraph

C:A short paragraph

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

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

  C:部分D:部分

  web前端面试题篇3

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


猜你感兴趣:

1.前端开发面试题及答案

2.前端工程师面试题及答案

3.最新的高管结构化面试题整理

4.经典情景面试题及参考答案

5.关于web美工的面试题

    1556419