BAT各大互聯(lián)網(wǎng)公司html+css前端面試題總結(jié)

1、bat各大互聯(lián)網(wǎng)公司html+css前端面試題總結(jié)無數(shù)面試題是我自己面試bat親身經(jīng)受遇到的。收拾共享出來希翼更多的前端er共同長進吧，不僅適用于求職者，對于鞏固復(fù)習(xí)前端基礎(chǔ)更是大有裨益。而更多的題目是我一路以來收集的，也有往年的，答案不確保一定正確，如有錯誤或有更好的解法，還請斧正。前面幾題是會很基礎(chǔ)，越下越有深度。html篇：1.你做的頁面在哪些流覽器測試過？這些掃瞄器的內(nèi)核分離是什么?ie:trident內(nèi)核firefox：gecko內(nèi)核safari:webkit內(nèi)核opera:以前是presto內(nèi)核，opera現(xiàn)已改用googlechrome的blink內(nèi)核chrome:blink(基

2、于webkit，google與operasoftware共同開發(fā))2.每個html文件里開始都有個很重要的東西，doctype，知道這是干什么的嗎？答案：聲明位于文檔中的最前面的位置，處于標(biāo)簽之前。此標(biāo)簽可告訴掃瞄器文檔用法哪種html或xhtml規(guī)范。（重點：告知掃瞄器根據(jù)何種規(guī)范解析頁面）3.quirks模式是什么？它和standards模式有什么區(qū)分答案：從ie6開頭，引入了standards模式，標(biāo)準模式中，掃瞄器嘗試給符合標(biāo)準的文檔在規(guī)范上的正確處理達到在指定掃瞄器中的程度。在ie6之前css還不夠成熟，所以ie5等之前的掃瞄器對css的支持很差，ie6將對css提供更好的支持，然而

3、這時的問題就來了，由于有無數(shù)頁面是基于舊的布局方式寫的，而假如ie6支持css則將令這些頁面顯示不正常，如何在即保證不破壞現(xiàn)有頁面，又提供新的渲染機制呢？在寫程序時我們也會常常碰到這樣的問題，如何保證本來的接口不變，又提供更強大的功能，尤其是新功能不兼容舊功能時。碰到這種問題時的一個常見做法是增強參數(shù)和分支，即當(dāng)某個參數(shù)為真時，我們就用法新功能，而假如這個參數(shù)不為真時，就用法舊功能，這樣就能不破壞原有的程序，又提供新功能。ie6也是類似這樣做的，它將dtd當(dāng)成了這個參數(shù)，由于以前的頁面大家都不會去寫dtd，所以ie6就假定假如寫了dtd，就意味著這個頁面將采納對css支持更好的布局，而假如沒有，則采納兼容之前的布局方式。這就是quirks模式（怪癖模式，詭異模式，怪異模式）。區(qū)分：總體味有布局、樣式解析和腳本執(zhí)行三個方面的區(qū)分。盒模型：在w3c標(biāo)準中，假如設(shè)置一個元素的寬度和高度，指的是元素內(nèi)容的寬度和高