前端面试总结(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
相关文章
相关标签/搜索