一、html與xhtml的不同:1)xhtml元素必須被正確地巢狀
2)元素必須被關閉 如:
關閉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屬性。
js面試題總結 未完待續。。。
let str asss23sjdssskssa7lsssdkjsssdss const arr str.split 把字串轉換為陣列 const str2 arr.sort join 首先進行排序,這樣結果會把相同的字元放在一起,然後再轉換為字串 let value let index 0 con...
前端開發面試題
基礎題 1.談一談你對bootstrap的柵格布局的理解。2.談一談你對mvvm的理解。3.es6的展開運算子有使用過嗎?有什麼用處?4.let和var const的區別是什麼?5.最近有了解前端的發展嗎?有沒有學習什麼最新的前端技術?6.sessionstorage localstorage和co...
前端面試題 2023年web前端開發面試題
本文章作為2021屆應屆畢業生在實習面試期間所接受的前端面試的面試題。css盒子模型的要素,css中常用偽元素選擇符 position屬性四個值 static fixed absolute和relative的區別和用法 解釋css樣式中display中inline block inline bloc...