html,css

1. 是什么 (Definition): BFC 是一个独立的渲染区域，规定了内部块级盒子（Block-level boxes）如何布局。 1. 如何触发/创建 BFC (Triggers): 一个元

css中有哪些方式可以隐藏页面元素？区别是什么？ 在 CSS 中，隐藏页面元素主要有以下几种方式，它们在视觉效果、布局影响、交互性、可访问性（Accessibility）和性能等方面存在显著区别： d

逻辑属性 (Logical Properties) 、滚动捕捉 (Scroll Snap) 和 包含 (Containment) 这些是相对较新或更高级的 CSS 特性，用于提升布局的灵活性、滚动体验

形状 (Shapes)和 遮罩 (Masking) 的主要属性及其属性值。这些特性允许你改变元素的可见区域形状，或者让内容环绕非矩形区域，以及使用图像或渐变作为遮罩来控制元素的可见部

好的，我们来梳理一下 CSS 中用于内容生成 (Generated Content) 和 计数器 (Counters) 的主要属性和相关值。这些特性允许你在不修改 HTML 结构的情况

CSS 变量 (CSS Custom Properties) ，也常被称为 CSS 自定义属性。 核心概念 CSS 变量是一种允许开发者自定义属性名称并为其赋值的机制。

详细梳理一下 CSS 中用于滤镜 (Filters) 和 混合模式 (Blend Modes) 的所有主要属性及其属性值。这些属性可以让你对元素（或其背景、或元素与其下方内容的组合），

梳理一下 CSS 中与用户界面 (User Interface - UI) 外观和交互直接相关的属性及其属性值。这个范畴比较广，主要包括影响元素交互反馈、外观控制、表单元素样式、滚动行为等方面的属性。

CSS 过渡 (Transitions) 过渡允许 CSS 属性值在一段时间内平滑地从一个状态变化到另一个状态

css的表格 1. 表格的基本使用，表格的属性和相应的属性值 2. 不同的属性有对象的案例， 3. 学生成绩单案例

核心列表属性: list-style-type 作用: 设置列表项标记 (marker) 的类型。这是最常用的列表样式属性。 值: 用于 (无序列表) 的常见值

背景属性 (Background Properties) 这些属性用于控制元素的背景外观。 background-color 作用: 设置元素的背景颜色。

核心 text- 属性:* text-align 作用: 指定块级元素或表格单元格内部的**行内内容（如文本）**的水平对齐方式。 值: left: 内容左对齐。

核心简写属性 font font 属性是一个简写属性，允许你在一行声明中设置多个字体相关的属性。还详细的讲了关于font 的属性，还有两个案例

Grid 容器属性 (Properties for the Grid Container) 应用于设置了 display: grid 或 display: inline-grid元素，还有两个案例

Flexbox 使得很多以前需要复杂 hack（如 float + clear，inline-block + vertical-align）才能实现的布局变得非常简单，尤其是在处理对齐和空间分配方面。

1. Display & Visibil 2. Positioning 3. Overflow 4. Float & Clear

核心概念 CSS 盒模型是 CSS 布局的基础。它规定了 HTML 元素在页面上如何被渲染成一个矩形的盒子。这个盒子由四个主要部分组成

核心分类与常用属性列表： 1. 盒模型 2.布局 3. Flexbox布局 4. Grid布局 5. 字体与文本 6. 背景与颜色 。。。

好的，我们来详细讲解 CSS 的选择器和优先级，这是 CSS 中非常核心且重要的概念。 CSS 选择器 (Selectors) CSS 选择器是 CSS 规则的第一部