HTML + CSS 练习页面

你好互联网,这里是 n015。

我也叫 Lee Elster。这个网站会记录我从本地网页、Git、nginx 到个人博客的学习过程。

看看这个页面
电脑屏幕上显示代码编辑器

About

这个页面适合练习什么

01

HTML 结构

练习 header、nav、main、section、article、footer 这些常见页面结构。

02

CSS 样式

练习颜色、字体、间距、边框、阴影、按钮和鼠标悬停效果。

03

响应式布局

练习 flex、grid 和媒体查询,让页面在手机和电脑上都能阅读。

Learning Path

我的前端学习路线

第一步

写出静态网页

先理解标签、层级、链接、图片和网页文件之间的关系。

第二步

整理页面样式

用 CSS 控制布局、颜色、字体、间距,让内容更容易阅读。

第三步

部署到服务器

用 rsync 上传到 nginx 目录,让别人也能访问这个网站。

Notes

最近笔记

2026-06-03

nginx 如何找到首页

root 决定网站目录,index 决定访问目录时默认返回哪个文件。

2026-06-03

rsync 如何同步文件

把本地文件上传到服务器,并用 .rsyncignore 排除不该公开的文件。