第一天2026.8.6

了解HTML5标签，包括文字排版、图片、链接、音视频

第二天2026.8.7

  1. 掌握列表、表格、表单制作方法
  2. 掌握CSS用法，包括选择器和文字控制属性
    总结：代码不必死记，核心是你知道用法和逻辑，想不起来具体代码及时查资料即可，比如：
1
2
3
4
5
6
<script>
document.addEventListener('DOMContentLoaded', function(){
    // 这里写你的代码，所有DOM已经渲染完成
    console.log('dom加载完毕');
})
</script>

该用法只需要记得在Dom加载完后执行Script即可查到

第三天2026.8.8

今天学习开始有点吃力了，难度增大，内容变多。
主要内容是CSS选择器和样式的学习，通过Emmet提高编程效率。了解了盒子模型（块级元素、行内元素特点与区别）。学习过程不是很顺利，效率低下，明天尝试改变学习方法，采用间歇法，适当安排休息时间，相同时间内提高每一次学习的专注力。

第四天2026.8.9

  1. pxcook像素大厨：前端开发标注工具，切图工具。
  2. 对盒子模型知识进行巩固，跟着方案实操
  3. 难度继续增长，理论的学习、实践花费时间增多，代码量变大

坚持就是胜利

第五天2026.8.10

主要学习内容：Flex布局
感觉比较吃力，特别是父元素子元素、块级元素行内元素的实际显示效果，前段CSS新名词数量多，学习速度较慢，我打算今天不再预习后面的内容，使用一整天的时间结合实际案例反复练习，吃透这一部分内容。
每天一遍
CSS–Flex布局
CSS–Grid布局
Flex和Grid的区别🧐

晚上对flex布局进行了重点学习，虽然白天是一头雾水，但现在差不多能初步做出来了，也仅仅只是能做最基本的。下一步增加实践作业，大概看了一眼接下来几天的内容，基本是CSS高级进阶、定位、实战网页制作，感觉没什么难度，简简单单，早已看穿了一切▼_▼。

第六天2026.8.11

实战制作网页，综合运用各类方法和CSS布局，按照先构建前端盒子，从整体后局部，从上到下，从外到里的思路依次进行。
**Loding……

第七天2026.8.12

学习方向有点问题，停一停吧，这样不是个头。