从一行代码，
到眼前的风景。

一个用于学习 Web 前端开发的个人练习网站。
用 HTML 搭建，用 CSS 描绘，用 JavaScript 让想法发生。

在浏览器里，练习把想法变成作品。AI 生成风景 · 页面视觉练习

动手改一点，
看见不一样。

网页的变化，从一个属性开始。
调整排列与间距，观察 CSS 如何组织画面。

排列方式横向排列纵向排列

元素间距 16 px

这些调整只改变当前页面。
刷新后恢复初始状态。

实时画布CSS / FLEXBOX

天空

山峦

湖泊

.landscape {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

围绕这张首页，学习网页的三个组成部分。

HTML

用标题建立阅读顺序，用导航连接不同章节。让页面既能被看见，也能被读屏软件理解。

CSS

练习间距、字体、色彩与 Flex 布局。让同一份内容，在宽屏和手机上都能自然展开。

JavaScript

读取控件的值，更新页面的样式与代码。把一次点击，变成可以理解的即时反馈。

前端手记是一个个人学习与练习网站，用于探索 Web 前端开发中的页面结构、视觉样式、响应式布局与基础交互。

这个首页本身就是一次练习。山水画面由 AI 生成，用于网页视觉展示；页面不提供付费服务，也不收集访客的个人信息。