Css | 前端面试

📄️ 目录大纲

1. 盒模型

画一条0.5px的线

就是用来装页面上的元素的矩形区域。CSS 中的盒子模型包括 IE 盒子模型和标准的 W3C 盒子模型。

1. transition是一个过渡的效果，没有中间状态，需要设置触发事件（如hover等）才能执行；

Flex 是Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

块格式化上下文（Block Formatting Context，BFC）是 Web 页面的可视 CSS 渲染的一部分，是块级盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。

1. 利用绝对定位和负margin

js动画

选择器优先级

以下列举了几个比较常用的

什么是CSS-in-JS？

在 HTML 中，元素根据其在页面中的呈现方式可以分为两类：行内元素和块级元素。这两类元素在布局和显示上有一些重要的区别。

CSS3 是 CSS 的第三个版本，引入了许多新的特性和功能，以增强样式设计和布局能力。以下是一些 CSS3 中的新特性：

优化和提高性能是前端开发中的重要目标之一。以下是一些优化 CSS 和提高性能的方法：

CSS 工程化是一种通过组织、管理和优化CSS代码的方法，旨在提高前端开发的效率、可维护性和可扩展性。它涉及到一系列的技术和实践，以确保在大型项目中更好地管理CSS代码。

1. 颜色函数：

原子化 CSS 是一种将样式分解为最小化、独立的单一功能类名的 CSS 设计方法。每个类名通常只定义一个特定样式（例如设置颜色、边距、字体大小等），然后在 HTML 中通过组合这些类来构建界面。Tailwind CSS 是这种方法的代表框架之一。

了解！重绘（Repaint）和重排（Reflow）是浏览器渲染过程中的两个重要概念，它们直接影响网页的性能。

CSS 发展

用css实现一个硬币旋转的效果哪些方法