1. 程式人生 > >前端面試總結(css)

前端面試總結(css)

pan html元素 內容 brush bre 省略號 import als earlier

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

  3. 盒模型:技術分享

  4. 垂直居中
  5. 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 */
  6. 繼承屬性
  7. 行內元素: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

  1. 省略號White-soace:nowrap;width:100px;ovflow:hidden;text-ovflow:ellipsis;
  2. c3動畫
  3. word-break,word-spacing
  4. 鼠標,透明度

前端面試總結(css)