本文档始于2025.12.10 凌晨0:02 该睡觉啦 CSS动画入门：KeyFrames关键帧动画1.核心概念为什么我们需要animation呢？因为transition是被动的，一定需要用户来触发，而且他只有A→B两个状态Animation是...

本文档始于2025.12.8 凌晨0:27 怎么每次都这么晚，写完要睡觉啦 响应式设计与媒体查询1.核心概念核心理念：从“适配”到“流动”Mobile First (移动优先)：先写手机端的简单样式，再通过 min-width 媒体查询逐级增强。...

本文档始于2025.12.1 凌晨0:42 周一有早八，写完就睡觉啦 Transform 与 Transition1.核心概念变换和过渡是现代Web设计和编程中的核心，它们分别用于实现元素的平滑动画效果和位置、大小、形状和方向的调整。过渡效果允许...

本文档始于2025.11.24 晚上23:59，该睡觉啦，写完笔记就去睡 CSS Grid 基础与实践1.核心概念grid是一个二维的布局方式更适合页面级宏观骨架，复杂的二维结构容器与轨道 (Grid Container & Tracks...

本章节待学习，学习目的：理解语义化标签的作用，以及这对可访问性和维护有什么作用

本文档始于2025.11.20，凌晨0:23 Flexbox学习1.核心概念*flexbox（弹性布局）是现代前端布局的基础，他可以解决我在控制文档位置上的一些难题比传统的Position(定位)*更优雅与强大Flexbox 专注于一维布局（单行...

本文档始于2025.11.19 CSS定位1.核心概念在CSS中，定位（position） 是一种排版方式，他通过定义元素本身与其他元素的相对位置来排版分为几种常见的定位方式：static 默认定位 默认，在正常文档流中relative 相对定位...

选择器与优先级 本笔记记录于2025年10月30日 周四，今天是满课 1.核心概念选择器就是用来选中某种东西比如：元素 类 id 属性 结构伪类 通配符选中后就可改变他们的样式 2.解决了什么问题提供了html所不能解决的美化这个问题的解答方式...

CSS盒模型 本次笔记记录于2025.10.29，星期五晚上十点半，是一个下午只有一节课的晚上本次笔记是第一次用这样的方式记录，之后也会继续坚持 1.核心概念在CSS中，每个元素都被表示为一个矩形的盒子（Box）。这个盒子由内到外由四个部分组成：内...

HTML基础 本笔记记录于2025.10.20 周五晚上十点半 是一个下午只有一节英语课的晚上 核心概念HTML文件都需要一个基础结构，而这个结构用到的标签就是结构标签HTML除了结构标签之外中还有大量可利用的标签，可以构成网页的基础 解决了什么问...