css

2026-Css忘掉一切、归零再启想要搞清楚box-sizing的作用，首先要搞清楚一个问题，在网页中我们平常给元素或标签设置的宽高到底指哪一部分？在网页中的元素或标签在网页中都会生成一个盒模型，平常所设置的宽高指的是盒模型内容部分的宽高如下图

9.零基础学CSS：元素属性设置（字体、颜色、对齐等）全解析目录一、常用元素属性二、字体属性1. 设置字体2. 大小（font-size）三、设置文本颜色（color）

跟着 MDN 学CSS day_34：（CSS 布局全面解析）CSS 布局是前端开发的核心技能之一，它决定了网页元素如何在浏览器中排列和展示。本文将从基础到进阶，系统性地介绍 CSS 布局的各种技术，帮助读者建立起完整的布局知识体系。

跟着 MDN 学CSS day_32：(Web字体深度解析与实践指南)在传统网页开发中，设计师和开发者面临着字体选择的巨大限制。早期的Web开发只能依赖操作系统预装的字体集合，这些字体被称为Web安全字体。常见的Web安全字体包括 Arial、Helvetica、Times New Roman、Georgia、Verdana 等，数量不超过十几种。这种限制导致网页设计在视觉呈现上趋于同质化，难以实现品牌独特性和设计创意。

跟着 MDN 学CSS day_35：浮动布局完全指南浮动是 CSS 布局历史中最重要的技术之一。它最初的设计目的是让文字环绕图片，后来被广泛用于创建多列布局。尽管现代 CSS 布局技术已经更加成熟，但理解浮动对于维护旧项目和处理特定的文字环绕场景仍然至关重要。

qss/css 样式中margin和padding的作用和区别在 Qt 样式表里，margin 和 padding 的区别和 CSS 的盒模型基本一致，可以直接记成这张图：

跟着 MDN 学CSS day_29：（掌握文本与字体样式的核心艺术）文字是网页内容的核心载体，它承载着信息传达的重任。对于前端开发者而言，仅仅将文字摆放在页面上是远远不够的，如何精准地控制字体的外观、粗细、大小，以及文本的对齐方式、行间距和字间距，是打造优秀阅读体验的关键。

哆来A梦没有口袋

干货精讲 | 初级CSS面试高频考题CSS权重计算规则、各类选择器优先级层级、!important特殊属性、样式覆盖底层逻辑CSS优先级通过权重（四位进制数值）判定，数值越大优先级越高，从高到低层级固定，同级样式后写覆盖先写：

Day21_电商详情页核心技术实战：从LESS预处理到复杂交互实现导读：本文系统讲解PC端电商详情页的完整实现技术栈，涵盖LESS CSS预处理、JavaScript放大镜原理、轮播图组件、选项卡交互及动态DOM操作等核心技能。每个知识点均配完整可运行示例，适合已掌握HTML/CSS/JS基础、希望深入理解电商前端交互实现的中级开发者。

跟着 MDN 学CSS day_30：（玩转列表样式，从基础到进阶）在网页设计中，列表扮演着至关重要的角色。无论是导航菜单、文章目录、产品特性展示，还是步骤说明，列表都是组织和呈现结构化信息的核心元素。

跟着 MDN 学CSS day_31：（精通链接样式，从伪类到导航菜单）超链接是万维网的基石，它们将分散的页面编织成一张庞大的信息网络。在 CSS 的世界里，为链接添加样式远不止是改变颜色这么简单。链接拥有多种交互状态，每一种状态都承载着特定的用户行为语义，而 CSS 为每一种状态都提供了专属的伪类选择器。

王莎莎-MinerU

MinerU 深度技术解析：从架构原理到生产部署的全面指南导读：MinerU 是由上海人工智能实验室（OpenDataLab）开源的一站式高质量文档解析引擎，自发布以来在 GitHub 上迅速斩获数万 Star，成为文档解析领域最具影响力的开源项目之一。本文将深入剖析 MinerU 的核心技术架构、模型原理、两种解析范式（Pipeline vs VLM）、部署方案以及与 RAG 系统的深度集成，带你全面掌握这款"文档解析神器"的方方面面。

Day19_LESS 完全指南——从入门到工程实践一篇覆盖 LESS 全核心特性、配以完整可运行示例与真实场景解析的深度技术博客。原生 CSS 存在以下局限：

跟着 MDN 学CSS day_26：(层叠层——CSS优先级管理的高级特性)在大型CSS项目中，随着样式表数量的增加和团队协作的深入，样式冲突问题会变得越来越棘手。不同的开发者可能使用不同的选择器策略，有的偏好低优先级的类选择器，有的习惯使用ID选择器确保高优先级，还有的会使用 !important 来紧急修复样式问题。这种优先级战争会导致代码难以维护，样式覆盖变得不可预测。

跟着 MDN 学CSS day_25：（高级区块效果）在掌握了CSS的基础布局和样式之后，是时候探索那些能让你的页面脱颖而出的高级视觉效果了。这些效果包括盒子阴影、滤镜和混合模式，它们能够为你的设计增添深度、质感和艺术感。

VUE 侧边按钮组，可自定义位置

Day22_CSS 函数完全指南：从变量到数学计算的现代样式编程导读：本文系统讲解 CSS 函数体系，涵盖 CSS 自定义属性（变量）、calc() 数学计算、颜色函数、渐变函数等核心内容。每个知识点均配完整可运行示例，并引用 MDN CSS 函数、CSS Custom Properties 规范、CSS Values and Units 规范等权威资料。掌握 CSS 函数将让你的样式表更具可维护性、动态性和计算能力。

Day20_PC 端电商商品详情页前端实战：从布局到放大镜与选项卡导读：本文以原生 HTML、CSS（Less）、JavaScript 为主线，从零拆解 PC 端商品详情页的完整实现路径——工程化样式准备、顶栏与导航骨架、面包屑、放大镜、缩略图轮播、侧边栏与详情选项卡，以及 IIFE、事件委托与节流等工程实践。文中示例均可直接在浏览器中运行验证，并引用 MDN getBoundingClientRect、事件委托等权威资料。

Tailwind CSS v4 + Vite：现代前端样式方案本文面向：正在学习现代前端样式方案的开发者。预计阅读时间：10 分钟最终效果：理解 Tailwind CSS v4 + Vite 的集成方式，掌握 CSS 变量驱动的主题系统设计。

跟着 MDN 学CSS day_27：(处理不同方向的文本)在传统的CSS学习中，我们接触的属性和值大多与显示器的物理方向紧密相关。例如，我们使用 top、right、bottom、left 来定位元素，使用 margin-top、padding-left 来设置间距，这些属性默认假设文本是从左到右、从上到下排列的。