1、css中居中方式
1、絕對定位：
2、flex布局：display:flex;justify-content:center;align-item:center;
3、對父容器使用display: table-cell+vertical-align: middle;使其內的子元素實現垂直居中；
2、css的盒子模型
盒模型分為兩種：分別是w3c標準盒模型和ie盒模型。它們都包括margin（外邊距）、border（邊框）、padding（內邊距）、content（內容）這五個部分。不同之處在於ie盒模型中content部分包括了border和padding。
3、簡述src和href的區別
src和href都是屬於外部資源的引用，像一些，css檔案，js檔案，或者其他的web頁面。
src通常用作「拿取」（引入），href 用作 「鏈結前往」（引用）
可以用這樣的一句話來概括：src用於替換這個元素，而href用於建立這個標籤與外部資源的關係。
4、什麼是css hack
css hack是通過在css樣式中加入一些特殊的符號，讓不同的瀏覽器識別不同的符號（什麼樣的瀏覽器識別什麼樣的符號是有標準的，css hack就是讓你記住這個標準），以達到應用不同的css樣式的目的。
5、什麼叫優雅降級和漸進增強
漸進增強 progressive enhancement：
針對低版本瀏覽器進行構建頁面，保證最基本的功能，然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。
優雅降級 graceful degradation：
一開始就構建完整的功能，然後再針對低版本瀏覽器進行相容。
區別：a. 優雅降級是從複雜的現狀開始，並試圖減少使用者體驗的供給
b. 漸進增強則是從乙個非常基礎的，能夠起作用的版本開始，並不斷擴充，以適應未來環境的需要
c. 降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看，同時保證其根基處於安全地帶
6、瀏覽器是如何渲染頁面的
1.根據html檔案構建dom樹和cssom樹。構建dom樹期間，如果遇到js，阻塞dom樹及cssom樹的構建，優先載入js檔案，載入完畢，再繼續構建dom樹及cssom樹。
2.構建渲染樹（render tree）。
3.頁面的重繪（repaint）與回流（reflow）。頁面渲染完成後，若js操作了dom節點，根據js對dom操作動作的大小，瀏覽器對頁面進行重繪或是回流。
7、如何建立bfc,bfc作用
（1）如何建立bfc?
面試題
前端面試題（HTML CSS）
用正確的標籤做正確的事情。html 語義化讓頁面的內容結構化，結構更清晰，便於對瀏覽器 搜尋引擎解析 即使在沒有樣式 css 情況下也以一種文件格式顯示，並且是容易閱讀的 搜尋引擎的爬蟲也依賴於 html 標記來確定上下文和各個關鍵字的權重，利於 seo 使閱讀源 的人對 更容易將 分塊，便於閱讀維...
前端面試題HTML CSS3
一 優先順序就近原則，同權重情況下以最近者為準 優先順序為 important id class tag important 比 內聯優先順序高 css3 新增偽類 first child 選擇屬於其父元素的首個元素。last child 選擇屬於其父元素的最後乙個元素。only child 選擇屬...
前端面試題2（html css）
一 間隙問題，如何解決?兩個之間和下方多出的空白間隙可以使用以下方式解決。方法 1 將顯示為塊 解決下方間隙 img除了 middle值，還可以設定為 top bottom 等 方法 3 設定父級標籤的 font size 0 line height 0 水平間隙，下方間隙都能解決 imgwrap ...