把零散的知识，
整理成清楚的笔记。

01 / 网络基础

网页如何到达浏览器

在地址栏输入一个网址后，浏览器要先确定它访问的目标，再请求资源，最后把收到的内容绘制成页面。把这些步骤分开看，遇到“网页打不开”时就更容易定位问题。

1. 解析名称。 域名系统 DNS 把名称对应到网络地址。域名方便记忆，地址帮助设备找到连接的目标。
2. 建立连接。 浏览器连接服务器。使用 HTTPS 时，还会验证证书并协商加密连接，保护传输过程。
3. 请求内容。 浏览器用 HTTP 请求页面及其资源。服务器返回状态码、响应头和内容；例如 200 通常表示请求成功，404 表示请求的资源未找到。
4. 组织与呈现。 HTML 描述内容结构，CSS 控制样式。浏览器根据它们完成布局和绘制；页面需要交互逻辑时，还可能运行 JavaScript。

02 / 文件与目录

绝对路径与相对路径

路径用来描述文件或目录的位置。绝对路径从某个根位置开始；相对路径则需要结合当前所在的位置理解。同一段相对路径，放在不同位置，可能指向不同文件。

以一个简单的网页目录为例：

site/
├── index.html
├── site.css
└── notes/
    └── first.html

在 index.html 中，./site.css 指向同一目录下的样式文件；./notes/first.html 指向子目录里的页面。从 notes/first.html 回到上一层，可写 ../index.html。

网页里以 / 开头的 URL 路径通常从当前站点的根路径计算，它与操作系统里的磁盘根目录不是同一个概念。移动文件或把网页放到站点子目录时，要重新核对链接的参照位置。

03 / 网页制作练习

让一段文字更好读

文字排版不只是在选择字体。合理的行长、行距和层级，能让读者更容易找到段落的起点，也更容易理解内容之间的关系。

这页的正文采用有限宽度的阅读区域；大屏幕上保留目录，小屏幕上改为单列。行距使用相对字号的数值，使文字放大后仍保留合适的间隔。

.reading {
  max-width: 42rem;
  line-height: 1.85;
}

p + p {
  margin-top: 1em;
}

检查页面时，可以缩窄窗口、放大文字，并只用键盘依次访问链接。内容不应超出屏幕，焦点也应清晰可见。