web前端開發面試題（未完待續）
一、HTML與XHTML的不同：1）XHTML元素必須被正確地嵌套
2）元素必須被關閉 如：<h1>……</h1>關閉
3）標簽名必須用小寫字母
4）XHTML文檔必須有根元素
二、盒子模型：CSS框模型（BOX Model）規定了元素框處理元素內容、內邊距、邊框、和外邊距的方式，俗稱盒子模型。
三、多列布局分為：聖杯布局和雙飛翼布局
雙飛翼布局（常用）和聖杯布局的相同點和不同點：
相同點：1）中間欄放最前面（最先加載）
2）每一部分都要浮動（float）
3）左邊：margin-left：-100%
右邊：margin-left：負的右邊欄的定寬 如右邊欄寬度為200px，則margin-left值為-200px
不同點：解決中間欄不被遮擋的思路不一樣
1.聖杯布局是通過padding的方式讓出空間，再通過相對定位position:relative;將其推到兩邊。
2.雙飛翼布局是通過創建一個子的div方式，在中間欄設置margin-left 和 margin-right 留出位置。
附： 1、聖杯布局：多列布局的變種，邊欄定寬，主體在一定範圍內可自適應，並且優先加載
實現思路：1）設置主容器div的padding（根據邊欄位置設置left、right）和overflow（hidden）。
2）在主容器中先添加主體，再添加邊欄。
3）設置主體width為100%（可適應瀏覽器窗口大小變化），
float 為left（為邊欄定位做準備）。
4）設置邊欄，position采用relative ，左邊欄需設置margin-left為-100%使其移動到主體前面
以及left屬性；右邊欄設置margin-left為負的右邊欄定寬以及right屬性。
web前端開發面試題（未完待續）