面試知識點

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 */