css面试注意

1 雅虎的面试题

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

考点:(1)html和xhtml的区别

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

(2)样式分离,用nbsp控制缩进是不合理的,应该是css干的事情。

(3)用2个br制造段落是不合理的,用2个P去表现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