CSS面试题总结

1. CSS中box-sizing有哪些值?区别是什么?

  • box-sizing是CSS3新增属性，可调整盒子模型的样式。

  • box-sizing：border-box表示盒模型基于IE的盒模型，width和height决定盒模型的content区、padding区和border区。

  • box-sizing：content-box表示盒模型基于标准盒模型，width和height只决定盒模型的content区

  • box-sizing：inherit表示继承自父元素。

2.请列举几种除了px外的CSS度量单位并解释其含义。

  • em, 以父元素为基准

  • rem：以根目录元素为基准

  • vw,宽度100%就是100vw

  • wh，高度100%就是100vh

3. css属性position都有哪些值？

  • absolute绝对定位

  • relative相对定位

  • fixed固定定位

  • sticky粘性定位

  • static默认值，没有定位

  • inherit继承父系

  • initial设置该属性为默认值

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

考研失败<br>前端菜鸟<br>找工作<br>