css知识点——flex布局 CSS Flex布局知识点详解 Flex布局（Flexible Box Layout）是一种为盒状模型提供更有效的布局、对齐和分配空间的方式，即使容器大小动态变化或者未知，也能保证子元素有序排列。以下是Flex布局的核心知识点：一、容器属性 display: flex 将一个容器定义为flex容器，其直接子元素将成为flex项目（flex items）。
CSS3——:nth-child选择器基本用法简述 :nth-child 是 CSS3 提供的一个强大的选择器，它允许你基于元素在其父元素中的位置来选择元素。以下是 :nth-child 选择器的基本用法：基本选择 p:nth-child(n)：表示选择父元素中的第 n 个子元素，且该子元素为 p 元素。这里的 n 是从 1 开始的自然数。例如，p:nth-child(2) 表示选择父...
css知识点——BFC CSS知识点——BFC（Block Formatting Context）一、什么是BFC BFC，即Block Formatting Context（块级格式上下文），是CSS渲染模式中的一个概念。它是一个独立的渲染区域，只有属于这个渲染区域的元素，才会受到BFC的影响。在BFC中，元素会按照块级盒模型进行布局，并且与这个区域外部的元素相互隔离。二、开...
scss和css区别 CSS：则相对较为繁琐，由于不支持变量和函数等特性，开发者需要手动编写每一条样式规则，这可能导致代码变得冗长且难以阅读。五、使用范围不同 SCSS：主要用于大型项目中。在这些项目中，CSS代码通常非常复杂且庞大，使用SCSS可以帮助开发者更好地组织和管理这些代码。通过变量、函数和嵌套等特性，开发者可以...
CSS中backdrop-filter与fliter属性 CSS中的backdrop-filter和filter属性都用于为元素添加图形效果，但它们的作用范围和应用方式有所不同。一、backdrop-filter属性 backdrop-filter属性允许你为元素后面的区域（即背景）添加图形效果，如模糊或颜色偏移。为了看到这些效果，必须使元素或其背景至少部分透明。这是因为backdrop-filter作用于元素背后...
