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;
  }
CSS