填坑-十萬個爲何？（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…