前端面試總結(css)

  1. 表格:Cellspacing:單元格間距,cellpadding:單元格內容之間的空隙,colspan:合併列數,rowspan:合併行數,表頭caption,border-spacing
  2. @import和link

     

  3. 盒模型:

     

  4. 垂直居中:

     

  5. Css hack:

    通常來講是針對不一樣的瀏覽器寫不一樣的CSS,就是 CSS Hack。php

    IE瀏覽器Hack通常又分爲三種,條件Hack、屬性級Hack、選擇符Hack(詳細參考CSS文檔:css文檔)。例如:css

    // 一、條件Hack
    <!--[if IE]> <style> .test{color:red;} </style> <![endif]--> // 二、屬性Hack .test{ color:#090\9; /* For IE8+ */ *color:#f00; /* For IE7 and earlier */ _color:#ff0; /* For IE6 and earlier */ } // 三、選擇符Hack * html .test{color:#090;} /* For IE6 and earlier */ * + html .test{color:#ff0;} /* For IE7 */
  6. 繼承屬性:

     

  7. 行內元素:a、b、span、img、input、strong、select、label、em、button、textarea

塊級元素:div、ul、li、dl、dt、dd、p、h1-h六、blockquotehtml

空元素:即系沒有內容的HTML元素,例如:br、meta、hr、link、input、imgcss3

  1. 省略號White-soace:nowrap;width:100px;ovflow:hidden;text-ovflow:ellipsis;
  2. c3動畫
  3. word-break,word-spacing
相關文章
相關標籤/搜索