web前端開發面試題（未完待續）

1、HTML與XHTML的不一樣：1）XHTML元素必須被正確地嵌套

                                             2）元素必須被關閉   如：<h1>……</h1>關閉

                                             3）標籤名必須用小寫字母

                                             4）XHTML文檔必須有根元素

2、盒子模型：CSS框模型（BOX Model）規定了元素框處理元素內容、內邊距、邊框、和外邊距的方式，俗稱盒子模型。

3、多列布局分爲：聖盃佈局和雙飛翼佈局

          雙飛翼佈局（經常使用）和聖盃佈局的相同點和不一樣點：

          相同點：1）中間欄放最前面（最早加載）

                              2）每一部分都要浮動（float）

                              3）左邊：margin-left：-100%

                                    右邊：margin-left：負的右邊欄的定寬   如右邊欄寬度爲200px，則margin-left值爲-200px

          不一樣點：解決中間欄不被遮擋的思路不同

                             1.聖盃佈局是經過padding的方式讓出空間，再經過相對定位position:relative;將其推到兩邊。

                             2.雙飛翼佈局是經過建立一個子的div方式，在中間欄設置margin-left 和 margin-right 留出位置。

         附：    一、聖盃佈局：多列布局的變種，邊欄定寬，主體在必定範圍內可自適應，而且優先加載

                                          實現思路：1）設置主容器div的padding（根據邊欄位置設置left、right）和overflow（hidden）。

                                                            2）在主容器中先添加主體，再添加邊欄。

                                                            3）設置主體width爲100%（可適應瀏覽器窗口大小變化），

                                                                  float 爲left（爲邊欄定位作準備）。

                                                             4）設置邊欄，position採用relative ，左邊欄需設置margin-left爲-100%使其移動到主體前面

                                                                      以及left屬性；右邊欄設置margin-left爲負的右邊欄定寬以及right屬性。