html5 新增那些標籤?
布局標籤：header,section,footer,article,aside
表單標籤：datalist，
input:type=「 week| datae |time | datetime | number | search | url | tel | color | email | range 」
多**標籤：audio，video
其他標籤：progress(進度條)，meter
行內元素的 padding 和 margin 可設定嗎？
行內元素設定水平方向的padding和margin是 可以生效的，但是設定垂直方向的padding和margin雖然看起來是對標籤起作用，但實際並沒有對周圍緣故產生任何影響，所以行內元素 設定垂直方向的padding和margin是無效的。
html5 的網頁為什麼只需要寫?
html4.01中的doctype需要dtd進行引用，因為html4.01基於sgml。而html5不基於sgml，因此不需要對dtd進行引用，但是需要doctype來規範瀏覽器的行為。其中，sgml是標準通用標記語言，簡單來說就是比html，xml更老的標準，這兩者都是有sgml發展而來的，而html5不是得。
px，em，rem這三者的區別
px是乙個絕對單位，em和rem是乙個相對單位，em參考的是當前元素的字型（font-size）大小，rem參考的是頁面根元素html的字型（font-size）大小。
css3新增偽類有哪些？
p:first-of-type選擇屬於其父元素的首個p元素。
p:last-of-type選擇屬於其父元素的最後乙個p元素。
p:nth-child(2)選擇屬於其父元素的第二個子元素。
p:nth-type-of（2）選擇屬於其父元素的第二個子元素p。
：enabled、：disabled控制表單控制項的禁用狀態。
：checked：單選或者核取方塊的選中狀態。
position幾個屬性的作用？
position的常見屬性值：relative、absolute、fixed、static，一般都要配合left、top、right、bottom屬性使用。
1）static：預設位置，（static元素會忽略任何top、bottom、left、right宣告），一般不常用
2）relative：位置被設定為relative的元素，偏移的top、right、bottom、left的值都以它原來的位置為基準偏移。注意relative移動後的元素在原來的位置仍佔據空間。
3）absolute：位置設定為 absolute 的元素，可定位於相對於包含它的元素的指定座標。意思就是如果它的父容器設定了 position 屬性，並且 position 的屬性值為 absolute 或者 relative，那麼就會依據父容器進行偏移。如果其父容器沒有設定 position 屬性，那麼偏移是以 body 為依據。注意設定 absolute 屬性的元素在標準流中不佔位 置。
4）fixed：位置被設定為 fixed 的元素，可定位於相對於瀏覽器視窗的指定座標。不論視窗滾動與否，元素都會留在那個位置。它始終是以 body 為依據的注意設定 fixed 屬性的元素在標準流中不佔置。
怎麼讓乙個不定寬高的div，垂直水平居中？
方案一：transform
方案二：flex彈性布局
方案三：絕對定位（子絕父相）
清除浮動有哪些常用的方式？
額外標籤法：在浮動元素的最後新增乙個塊級標籤，給其設定乙個clear：both的屬性（缺點：會在頁面上產生很多空白標籤）；
給浮動元素的父元素設定高度（缺點：不太靈活）；
給浮動元素的父元素設定overflow：hidden；
使用偽元素法（推薦使用）：
.clear：after
讓兩個塊級元素在一行顯示有哪些做法？
設定顯示模式：display：inline|inline-block；
flex布局：給父元素設定display：flex；
使用浮動：folat：left|right；
css3新增了哪些新特性？
**查詢（@media）；
transfrom系列：translate平移、rotate旋轉、 scale縮放
動畫（animate）；
過渡效果（transition）；
flex彈性布局；
盒子模型計算方式box-sizing：border-box；
線性漸變（linear-gradient），徑向漸變；
偽元素，文字陰影（text-shadow），邊框陰影（bo-shadow），圓角（border-radius）
display:none 和 visibility:hidden 的區別?
display:none 隱藏元素後,不佔位;
visibility:hidden 隱藏元素後佔位.
es6 中新增了那些資料型別?
symbol 型別（基本）
set 型別（複雜）
map 型別（複雜）
weakset 型別（複雜）
weakmap 型別（複雜）
typedarray 型別（複雜）
es6 新增了那些特性?
const(宣告常量), let(宣告變數)關鍵字;
map 和 set 資料型別;
模板字串;
物件陣列解構賦值;
函式剩餘引數;(…arg)
延展運算子;(…)
函式預設引數;fn(name=』zs』)
物件字面量的增強(屬性名和屬性值相同, 可預設);
promise 非同步物件;
class 類的支援
常用瀏覽器及核心
瀏覽器：ie，chrome，firefox，safari，opera。
核心：trident，gecko，presto，webkit。
盒模型理解
css盒模型本質上是乙個盒子，封裝周圍的html元素，所有html元素可以看作盒子，它包括：邊距，邊框，填充，和實際內容。
分類：標準盒模型和ie盒模型（怪異盒模型）
相同點：都是由margin ,border,padding,content組成
不同點：：計算寬/高度方法的不同，標準模式下盒子的總寬度是由margin,padding,border,content的相加得來；怪異模式下：總寬度是由content減去padding、border得來的。
css3指定盒子模型種類：box-sizing屬性可以指定盒子模型種類，content-box指定盒子模型為w3c（標準盒模型），border-box為ie盒子模型（怪異盒模型）。
前端面試基礎
盒模型是 css中重要的基礎知識，也是必考的基礎知識 盒模型的組成，由里向外 content,padding,border,margin.在 ie盒子模型中，width 表示content padding border 這三個部分的寬度 在標準的盒子模型中，width 指content 部分的寬度 ...
前端面試基礎題目
行內元素有哪些？塊級元素有哪些？css的盒模型？行內元素 a b br i span input select 塊級元素 div p h1 h2 h3 h4 form ul css盒模型 content border margin padding 前端頁面由哪三層構成，分別是什麼，作用是什麼？結構層...
前端面試 前端基礎面1
1.網路七層模型 2.tcp udp 區別，tcp怎麼實現可靠傳輸 4.死鎖 5.http https1.span的padding margin 2.垂直居中方法 不僅限於flex 1.陣列reduce和map 2.解決0.1 0.2不準確的問題 3.判斷單項鍊表是否有環 參考自 現代作業系統 1....