你的位置:首页 > 网页设计

[网页设计]面试知识点


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 >

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

    * + html .test{color:#ff0;}     /* For IE7 */
  属性Hack    .test{
    color:#090\9; /* For IE8+ */
    *color:#f00;  /* For IE7 and earlier */
    _color:#ff0;  /* For IE6 and earlier */
    }