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

標籤：文檔   空間   實現   元素   字母   一個   nbsp   內容   標籤   

一、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前端開發面試題（未完待續）