html - 客户端 : HTML, DOM 和 CSS？

Question

我没有广泛研究应用程序的客户端/前端，我正在尝试阅读有关 HTML、CSS 和 DOM 的内容，但不知何故无法理解他们之间的区别，如果有人可以，我将不胜感激:

1. 用简单的英语向我解释 HTML、CSS 和 DOM 是如何工作的？
2. 从客户端技术的 Angular 来看，它们之间有何关联？

更新我浏览了 wikipedia 文章，但无法清楚地理解 DOM 的工作原理。

谢谢。

Answer 1

What is the DOM?

假设您打开网络浏览器(例如 Chrome)并在其中加载网页(例如 stackoverflow.com)。现在，在浏览器中，有一个 window 对象。该对象表示浏览器窗口。

这个 window 对象有几十个属性(成员)，其中最重要的是 document 对象。 document 对象表示当前加载到浏览器窗口中的网页。

这个 document 对象是 DOM 树的根:

_{(来源:w3schools.com)}

上图中的每个方框都是DOM树内部的一个节点。节点是“连接”到 DOM 树中其他对象的对象。

绑定(bind)到网页的 JavaScript 程序可以完全访问 DOM 树的每个节点。他们可以删除节点、添加新节点，或者只是操纵节点的属性。

---

综上所述，浏览器内部存在数百个对象。所有这些对象都是相互连接的(以某种方式)，这种相互连接的对象的巨大结构就是 DOM。