用正確的標籤做正確的事情。
html 語義化讓頁面的內容結構化，結構更清晰，便於對瀏覽器、搜尋引擎解析；即使在沒有樣式 css 情況下也以一種文件格式顯示，並且是容易閱讀的;
搜尋引擎的爬蟲也依賴於 html 標記來確定上下文和各個關鍵字的權重，利於 seo;
使閱讀源**的人對**更容易將**分塊，便於閱讀維護理解。
alt 是給搜尋引擎識別，在影象無法顯示時的替代文字；
title 是關於元素的注釋資訊，主要是給使用者解讀。
當滑鼠放到文字或是上時有 title 文字顯示。（因為 ie 不標準）在 ie 瀏覽器中 alt 起到了 title 的作用，變成文字提示。
在定義 img 物件時，將 alt 和 title 屬性寫全，可以保證在各種瀏覽器中都能正常使用。
優點：缺點：
2、作用結果不同：href 用於在當前文件和引用資源之間確立聯絡；src 用於替換當前內容；
有兩種， ie 盒子模型、w3c 盒子模型；
盒模型： 內容(content)、填充(padding)、邊界(margin)、 邊框(border)；
區 別： ie 的 content 部分把 border 和 padding 計算了進去;
!important > 行內樣式（比重1000）> id 選擇器（比重100） > 類選擇器（比重10） > 標籤（比重1） > 萬用字元 > 繼承 > 瀏覽器預設屬性
單行文字: line-height = height
: vertical-align: middle;
absolute 定位: top: 50%;left: 50%;transform: translate(-50%,-50%);
flex: display:flex;margin:auto
link 是 xhtml 標籤，除了載入css外，還可以定義 rss 等其他事務；@import 屬於 css 範疇，只能載入 css。
link 引用 css 時，在頁面載入時同時載入；@import 需要頁面網頁完全載入以後載入。
link 是 xhtml 標籤，無相容問題；@import 是在 css2.1 提出的，低版本的瀏覽器不支援。
link 支援使用 j**ascript 控制 dom 去改變樣式；而@import不支援。
opacity 會繼承父元素的 opacity 屬性，而 rgba 設定的元素的後代元素不會繼承不透明屬性。
display:none 隱藏對應的元素，在文件布局中不再給它分配空間，它各邊的元素會合攏，就當他從來不存在。
visibility:hidden 隱藏對應的元素，但是在文件布局中仍保留原來的空間。
relative:相對定位，相對於自己本身在正常文件流中的位置進行定位。
absolute:生成絕對定位，相對於最近一級定位不為static的父元素進行定位。
fixed: （老版本ie不支援）生成絕對定位，相對於瀏覽器視窗或者frame進行定位。
static:預設值，沒有定位，元素出現在正常的文件流中。
sticky:生成粘性定位的元素，容器的位置根據正常文件流計算得出。
html5
畫布(canvas) api
地理(geolocation) api
本地離線儲存 localstorage 長期儲存資料，瀏覽器關閉後資料不丟失；
sessionstorage 的資料在瀏覽器關閉後自動刪除
新的技術webworker, websocket, geolocation
拖拽釋放(drag and drop) api
表單控制項，calendar、date、time、email、url、searc
css3
bfc 即 block formatting contexts (塊級格式化上下文)，它屬於普通流，即：元素按照其在 html 中的先後位置至上而下布局，在這個過程中，行內元素水平排列，直到當行被佔滿然後換行，塊級元素則會被渲染為完整的乙個新行，除非另外指定，否則所有元素預設都是普通流定位，也可以說，普通流中元素的位置由該元素在 html 文件中的位置決定。
可以把 bfc 理解為乙個封閉的大箱子，箱子內部的元素無論如何翻江倒海，都不會影響到外部。
只要元素滿足下面任一條件即可觸發 bfc 特性
瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的*來統一。
chrome 中文介面下缺省會將小於 12px 的文字強制按照 12px 顯示,
可通過加入 css 屬性 -webkit-text-size-adjust: none; 解決.
前端面試題 HTML CSS）網頁布局
1 css中居中方式 1 絕對定位 2 flex布局 display flex justify content center align item center 3 對父容器使用display table cell vertical align middle 使其內的子元素實現垂直居中 2 css的...
前端面試題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 ...