CSS

CSS 性能优化主要可以从三个核心维度入手：加载性能（让浏览器更快获取和解析样式）、渲染性能（让页面绘制更丝滑）以及代码质量（提升可维护性并减少冗余）。

在 Flex 布局中，子项（Flex Items）的排列方式由容器属性（父元素）和子项自身属性共同控制。

跨浏览器兼容性问题的本质，是由于不同浏览器（如 Chrome, Safari, Edge, Firefox）使用了不同的渲染引擎（如 Blink, WebKit, Gecko），导致它们实现细节和支持

媒体查询（Media Query）是 CSS3 引入的一项核心技术，它是实现响应式网页设计（Responsive Web Design）的基础。

响应式设计（Responsive Web Design，简称 RWD）是一种现代网页开发与设计的方法论。它的核心理念是让同一个网站能够自动识别并适应不同设备的屏幕尺寸、分辨率和方向，

在 CSS 中，当多个选择器同时作用于同一个元素时，浏览器会根据一套明确的规则来决定最终应用哪个样式，这套规则就是CSS选择器的优先级。

CSS 中的伪类和伪元素是两组非常强大但也容易混淆的选择器。它们的核心区别可以用一句话概括： 伪类是给“真实存在的元素”添加特定的“状态”；而伪元素是在页面上凭空“捏造”出一个原本不存在的虚拟元素。

CSS 的 Flexbox（弹性盒子）和 Grid（网格）是现代前端开发中最强大的两大布局系统。它们并不是竞争关系，而是互补的搭档。 想要彻底搞懂它们，只需要抓住一个最本质的区别：一维布局 vs 二维

CSS 动画的实现主要依赖于两大核心体系：Transition（过渡） 和 Animation（关键帧动画）。 简单来说，Transition 适合处理简单的“状态切换”（比如鼠标悬停时颜色平滑变化）