CSS小知识

CSS3 媒体查询（Media Queries）是实现响应式布局的核心技术，它允许根据设备的特性（如屏幕宽度、高度、分辨率、方向等）为不同场景应用不同的 CSS 样式，使页面在手机、平板、电脑等设备上

CSS 的 position 属性用于控制元素在页面中的定位方式，不同取值对应不同的定位规则和参考基准。常用的 position 值及定位方式如下： 1. position: static（默认值）

BFC（Block Formatting Context，块级格式化上下文）是 CSS 中一个重要的渲染概念，它是页面中一个独立的渲染区域，内部元素的布局不会影响外部元素，反之亦然。理解 BFC 对于

CSS 的 display 属性用于定义元素的显示类型和布局行为，是控制页面布局的核心属性之一。其取值丰富，不同值对应完全不同的渲染规则，以下是常用的 display 值及作用： 一、基础显示类型（最

CSS 实现元素水平垂直居中是布局中的常见需求，不同场景下有多种实现方式，以下是最常用的 7 种方法，适用于不同的布局环境： 一、Flex 布局（推荐，简单高效） 适用场景：任意子元素（块级 / 行内

CSS 属性繁多，可分为布局类、盒模型类、文本类、视觉类等多个类别。其中，部分属性具有继承性—— 子元素会自动继承父元素的样式，无需重复设置；另一部分则不会继承，需要显式设置。 一、CSS 常用属性分

CSS 选择符用于精准定位 HTML 元素并应用样式，不同选择符适用于不同场景。以下是常用的 CSS 选择符分类及用法： 一、基础选择符（最常用） 元素选择符 直接匹配 HTML 标签名，应用于所有该

CSS 盒子模型是网页布局的核心基础，它将 HTML 中的每个元素（如 <div>、<p>、<img> 等）都抽象为一个 “盒子”，所有布局操作（如定位、间距、尺寸控制）本质上都是对这些盒子的操作。理