面试知识点

1.盒子模型

　　标准CSS盒子模型=content+padding+border+margin;

　　IE盒子模型：content+margin(content里面已经包含了padding+margin)；

2.行内元素？块级元素？空元素？

　　行内元素：a、b、span、img、input、strong、select、label、em、button、textarea 

　　块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

　　空元素:br、meta、hr、link、input、img

3.CSS实现垂直居中？

　　<style>

　　.item{

　　　　position:absolute;

　　　　top:50%;

　　　　left:50%;

　　　　matgin-top:-1/2*heght;   //顶外边距偏移-1/2的高度，以实际为准

　　　　margin-left:-1/2*width；　 //左外边距偏移-1/2的宽度，以实际为准

　　}

　　</style>

　　<div style="position:relative">

　　　　<div class="item"></div>

　　</div>

4.CSShack？

　　针对不同游览器的写的CSS，如+ - *  /9这些？

　　分为条件hack.选择符hack,属性hack;

　　<!--[ IF lte IE 6]>

　　　　<style>color:#ddd;</style>

　　<[end if]-->

　　选择符hack

　　* html .test{color:#090;}       /* For IE6 and earlier */

    * + html .test{color:#ff0;}     /* For IE7 */

　　属性Hack

    .test{

    color:#090\9; /* For IE8+ */

    *color:#f00;  /* For IE7 and earlier */

    _color:#ff0;  /* For IE6 and earlier */

    }