CSS面试题有哪些

CSS基础面试题

1、CSS选择器有哪些？

CSS选择器有元素选择器、ID选择器、类选择器、属性选择器、伪类选择器、伪元素选择器、子元素选择器、组合选择器，以及CSS3中的相关选择器，如：媒体查询选择器、复合选择器、结构伪类选择器等。

2、CSS中的盒子模型有哪些？

CSS中的盒子模型有标准盒子模型和怪异盒子模型，标准盒子模型是指在计算元素宽度和高度时，不将元素的边框和内边距计算在内；而怪异盒子模型是指在计算元素宽度和高度时，将元素的边框和内边距也计算在内。

3、CSS可以实现哪些布局？

CSS可以实现流式布局、绝对定位布局、相对定位布局、Flex布局、网格布局等，具体实现方式如下：

12345678
  /* 流式布局 */
  div {
    float: left;
  }

  /* 绝对定位布局 */
  div {
    position: absolute;
  }

  /* 相对定位布局 */
  div {
    position: relative;
  }

  /* Flex布局 */
  div {
    display: flex;
  }

  /* 网格布局 */
  div {
    display: grid;
  }