浏览器怎样加载网页

先认识三个角色

• HTML 说“页面里有什么”。
• CSS 说“这些东西长什么样、放在哪里”。
• JavaScript 说“点击后发生什么”。

<link rel="stylesheet" href="/style.css">
<script type="module" src="/app.js"></script>
<button id="save">保存</button>

浏览器从服务器拿到 HTML，读到 link 和 script 后继续请求 CSS 与 JS，再把结果画到屏幕上。

亲眼看一次

1. 打开 DevTools → Network。
2. 刷新本页。
3. 点 Doc 筛选，找到本页 HTML。
4. 再点 CSS 和 JS，观察它们是不同请求。

CSS 加载失败时，页面一定完全空白吗？

答案：不一定。HTML 内容可能仍在，只是失去样式；JS 失败则常让交互不能工作。