前端面試總結(css)
阿新 • • 發佈:2017-05-12
pan html元素 內容 brush bre 省略號 import als earlier
- 表格:Cellspacing:單元格間距,cellpadding:單元格內容之間的空隙,colspan:合並列數,rowspan:合並行數,表頭caption,border-spacing
- @import和link:
- 盒模型:
- 垂直居中
- Css hack:
一般來說是針對不同的瀏覽器寫不同的CSS,就是 CSS Hack。
IE瀏覽器Hack一般又分為三種,條件Hack、屬性級Hack、選擇符Hack(詳細參考CSS文檔:css文檔)。例如:
// 1、條件Hack <!--[if IE]> <style> .test{color:red;} </style> <![endif]--> // 2、屬性Hack .test{ color:#090\9; /* For IE8+ */ *color:#f00; /* For IE7 and earlier */ _color:#ff0; /* For IE6 and earlier */ } // 3、選擇符Hack * html .test{color:#090;} /* For IE6 and earlier */ * + html .test{color:#ff0;} /* For IE7 */
- 繼承屬性
- 行內元素:a、b、span、img、input、strong、select、label、em、button、textarea
塊級元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素:即系沒有內容的HTML元素,例如:br、meta、hr、link、input、img
- 省略號White-soace:nowrap;width:100px;ovflow:hidden;text-ovflow:ellipsis;
- c3動畫
- word-break,word-spacing
- 鼠標,透明度
前端面試總結(css)