CSS 面试题·

31 阅读2分钟

juejin.cn/post/727064…

1,BFC

juejin.cn/post/695008…

2,## 什么是盒子模型?

3,## 什么是CSS的层叠性? CSS(层叠样式表)的层叠性是指在网页中应用多个 CSS 规则时,这些规则会根据特定的优先级和规则进行叠加和应用,以确定最终的样式效果

4,## CSS中有哪些选择器,优先级顺序是怎么样的?

CSS 中有多种选择器,用于选择要应用样式的 HTML 元素。这些选择器具有不同的特定性和优先级。选择器的优先级是由特定性、权重和顺序决定的。以下是一些常见的 CSS 选择器以及它们的优先级顺序,选择器的优先级从高到低依次为:

  1. 内联样式(Inline Styles): 内联样式的优先级最高,直接在 HTML 元素上使用 style 属性定义的样式。
  2. ID 选择器: 使用 ID 选择器(如 #elementId)选择的样式。ID 选择器具有比其他选择器更高的特定性。
  3. 类选择器、属性选择器和伪类选择器: 使用类选择器(如 .className)、属性选择器(如 [attribute])以及伪类选择器(如 :hover)选择的样式。
  4. 元素选择器和伪元素选择器: 使用元素选择器(如 div)以及伪元素选择器(如 ::before)选择的样式。
  5. 通用选择器、组合选择器和相邻选择器: 使用通用选择器(*)、组合选择器(如 .className > .subElement)以及相邻选择器(如 .className + .otherClassName)选择的样式。

5,## 什么是浮动布局,如何清除浮动?

通过将元素浮动在其父元素内,使得其他元素能够环绕浮动元素。使用浮动布局可能会引发一些问题,例如容器高度塌陷、布局错位等