填坑-十万个为何？（1）

简介:不少概念不清或忘记，从新构建本身的知识体系。天天问本身1~多个问题。我是菜鸟 成为大神之路!

1. 什么是HTML？什么是CSS？什么是JavaScript？

• HTML是一种标记语言，用来结构化咱们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。 HTML标签分为块级元素[1]和内联元素[2]
• CSS 是一种样式规则语言，可将样式应用于 HTML 内容， 例如设置背景颜色和字体，在多个列中布局内容。
• JavaScript 是一种脚本语言，能够用来建立动态更新的内容，控制多媒体，制做图像动画，还有不少。

2. 什么是DOM树？

• DOM 结构构成的基本要素是 “节点“，而文档的结构就是由层次化的节点组成。在 DOM 模型中，节点的概念很宽泛，整个文档 （Document） 就是一个节点，称为文档节点。除此以外还有元素（Element）节点、属性节点、Entity节点、注释（Comment）节点等。
• 了解了 DOM 的结构是由各类的子节点组成的，那么以 HTMLDocument 为根节点，其他节点为子节点，组织成一个树的数据结构的表示就是 DOM树。

  

3. JavaScript 在页面上作了什么？

JavaScript：操做DOM树(操做“节点”)，经过JavaScript 则能够在用户端浏览器中动态生成新内容。在 HTML 和 CSS 集合组装成一个网页后，浏览器的 JavaScript 引擎将执行 JavaScript 代码。这保证了当 JavaScript 开始运行以前，网页的结构和样式已经就位。

4. CSS如何影响HTML？ CSS

首先：一个CSS规则由如下组成： ①一个 选择器 ②一组 属性

其次：当浏览器显示文档时，它必须将文档的内容与其样式信息结合。它分两个阶段处理文档：

• 浏览器将 HTML 和 CSS 转化成 DOM （文档对象模型）。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一块儿。
• 浏览器显示 DOM 的内容。

  

注释：

[1]块级元素（block level element）
    ①老是独占一行，表现为另起一行开始，并且其后的元素也必须另起一行显示
    ②宽度(width)、高度(height)、内边距(padding)和外边距(margin)均可控制
    ③宽度没有设置时，默认为100%
    ④能够包含某些块级元素和内联元素

[2]内联元素（inline element）
    ①内联元素容许其余内联元素与其位于同一行
    ②宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)
    和外边距的top/bottom(margin-top/margin-bottom)都不可改变
    ③宽高就是内容的高度，不能够改变
    ④只能内联元素，不能包含块级元素
复制代码

参考文章：
① blog.csdn.net/qq_41672590…