面試知識點

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:➞《面試知識點》