CSS3教程

当前位置: HTML5技术网 > CSS3教程 > css十道常见面试题

css十道常见面试题

1、  如何定义高度很小的容器?

正解:在IE6下无法定义小高度的容器,是因为有一个默认的行高。

列举2种解决方案:overflow:hidden或font-size:容器高度px

 

2、  图片下方出现几像素的空白间隙?

正解:将img定义为display:block,或定义父容器为font-size:0

 

3、  IE6双倍margin的BUG?

正解:display:inline

 

4、  如何让层在falsh上显示?

正解:在falsh上添加<param name="mode" value="transparent"/>

 

5、  如何使得文字不换行?

正解:定义包含文字的容器为:width:xxx;white-space:nowrap;

 

6、  ie中如何让超出宽度的文字显示为省略号?

正解:定义容器为overflow:hidden;width:xxx;white-space:nowrap;text-overflow:ellipsis;

 

7、  如何使得英文单词不发生词内断行?

正解:word-wrap:break-word;

 

8、  如何区别display:none与visibility:hidden?

正解:相同的是display:none与visibility:hidden都可以用来隐藏某个元素;不同的是display:none在隐藏元素的时候,将其占位空间也去掉;而visibility:hidden只是隐藏了内容而已,其占位空间仍然保留。

 

9、如何实现ie6下的position:fixed?

正解:html{_overflow:hidden;}

body{_overflow:auto;height:100%;}

.fixed{position:fixed;_position:absolute;left:0;top:0;padding:10px;background:#000;color:#fff;}

 

9、  如何让min-height兼容ie6?

正解:.min-height{min-height:100px;_height:100px;}  <divclassdivclass="min-height">我是兼容的min-height</div>

 

10、已知高度的容器如何在页面中水平垂直居中?

正解:

示例:<style type="text/css">

#box{width:200px; height:200px; background:#f00; position:absolute; left:50%; top:50%; margin:-100px 0 0 -100px;}

</style>

<div id="box"></div>

【css十道常见面试题】相关文章

1. css十道常见面试题

2. 10个最常见的 HTML5 面试题及答案

3. DIV+CSS编码常见错误 你占了几个?

4. 又到毕业季:程序员Web面试之JQuery

5. 程序员面试什么最重要?

6. HTML5 面试中最常问到的 10 个问题

7. 又到毕业季:程序员Web面试之JQuery

8. 面试时绝对不能说的13句话

9. 六种常见的HTML5写法误用

10. 避免常见的六种HTML5错误用法 (1)

本文来源:https://www.51html5.com/a940.html

点击展开全部

﹝css十道常见面试题﹞相关内容

「css十道常见面试题」相关专题

其它栏目

也许您还喜欢