css面试注意

1 雅虎的面试题

<P>  哥写的不是HTML，是寂寞。<br><br>  我说：<br>不要迷恋哥，哥只是一个传说

考点：（1）html和xhtml的区别

　　html4.01strict下是完全正确的，但是在xhtml1.0strict下是错误的，是因为xhtml下所有标签都必须是闭合的

（2）样式分离，用nbsp控制缩进是不合理的，应该是css干的事情。

（3）用2个br制造段落是不合理的，用2个P去表现2个段落

 

2 CSS hack技巧

_ 只支持ie6 

-moz- firefox

-ms- ie

-o- opera 

-webkit- chrome safari

* ie都能识别。FF不能识别

！important 不能被ie6识别

*html 和 *+html 区分firefox ie6 ie7 

3 盒模型

margin border padding content

4 css的层叠

是指css继承 覆盖 权重。通过良好的层级命名，实现更好的效果和更少的代码

5 css浏览器兼容问题

1 div 垂直居中用vertical-align:middle 文字居中有line-height

2 ie6下用display:inline;float:left;可消除margin加倍的问题

3 display属性block和inline的区别，block总是在新的一行上开始，高度宽度行高边距都可以控制，inline与其他元素在同一行上，不可控制内嵌元素。

#div{display:block;}则可以为内嵌元素定义为display:inline;

4 ie不认同min-这个定义

转载于:https://www.cnblogs.com/lihaozhou/p/3622089.html