面试知识点

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-h六、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:#0909; / For IE8+ /
    color:#f00;  / For IE7 and earlier */
    _color:#ff0;  / For IE6 and earlier /
    }

转载于猿2048:➞《面试知识点》