石头的学习小站
首页文章关于我

文章

按主题整理的笔记:有的从概念讲起,有的直接拆一段代码。分类之间不必按顺序读,遇到具体的疑问再翻也行。

标签

当前:CSS 布局与样式 · 共 2 篇

浏览器中展示 Flexbox 主轴与交叉轴对齐关系的示意图
CSS 布局与样式·2026 年 9 月 28 日·约 8 分钟

Flex 布局的三个属性,先把主轴想清楚

刚学 Flex 时最容易把 justify-content 和 align-items 记混。这篇笔记从主轴出发,把方向、对齐与伸缩三件事拆开,再说明什么时候应该换成 Grid。

Flex布局
网页上叠加显示的 CSS Grid 网格线示意
CSS 布局与样式·2026 年 8 月 7 日·约 7 分钟

从 Flex 到 Grid:什么时候该换布局模型

两者不是替代关系。这篇笔记用卡片列表和页面骨架两个例子,说明按维度选择布局模型,比记住所有属性更实用。

Grid布局

石头的学习小站

一位 Web 前端开发者的学习笔记,记录 HTML、CSS、JavaScript 与 React 的日常实践。

页面

  • 首页
  • 全部文章
  • 关于我

分类

  • HTML 基础
  • CSS 布局与样式
  • JavaScript 核心
  • React 实践

联系

  • 联系与关注
  • 最新笔记

内容持续更新,按发布时间排序。

© 2026 石头的学习小站 · 循序渐进的前端学习笔记

鄂ICP备2025094710号-2