自己搭这个笔记站的过程中，顺带把 HTML/CSS 的基础过了一遍，把容易忘的几点记在这里。
HTML：结构要清晰
语义化标签用好了，页面结构一目了然，对无障碍和 SEO 也有帮助。比如用 <header>、<main>、<footer>、<nav> 而不是全用 div。标题按层级用 h1～h6，不要为了样式跳级。
CSS：先布局再细节
先想清楚整体布局：哪里是导航、主内容、侧栏、页脚，再用 flex 或 grid 把大块排好。再做字体、颜色、间距这些细节。这样改起来不会牵一发动全身。
响应式
用 meta viewport 保证移动端不会缩成一条线。宽度尽量用 max-width 和百分比，少用固定 px。媒体查询从「先移动端再桌面」的思路写，往往更省事。
小结
前端要学的东西很多，先把「能写一个简单静态页、能在手机和电脑上正常看」搞定，再慢慢加交互和工具链。这篇就当作入门阶段的一个路标。