#### HTML 1. 從規范的角度理解HTML，從分類和語義的角度使用標簽 2. 常見頁面標簽的默認樣式、自帶屬性、不同瀏覽器的差異、處理瀏覽器兼容問題的方式 3. 元信息類標簽( head、title、meta )的使用目的和配置方法 4. HTML5離線緩存原理 5. 可以使用Canvas API、SVG等繪制高性能的動畫 #### CSS 1. CSS盒模型，在不同瀏覽器的差異 2. CSS所有選擇器及其優先級、使用場景，哪些可以繼承，如何運用at規則 3. CSS偽類和偽元素有哪些，它們的區別和實際應用 4. HTML文檔流的排版規則，CSS幾種定位的規則、定位參照物、對文檔流的影響，如何選擇最好的定位方式 ，雪碧圖的實現原理 5. 水平垂直居中的方案、可以實現6種以上并對比它們的優缺點 6. BFC實現原理，可以解決的問題，如何創建BFC 7. 可使用CSS函數復用代碼，實現特殊效果 8. PostCSS Sass Less的異同，以及使用配置，至少掌握一種 9. CSS模塊化方案、如何配置按需加載、如何防止CSS阻塞渲染 10. 熟練使用CSS實現常見動畫，如漸變、移動、旋轉、縮放等等 11. CSS瀏覽器兼容性寫法，了解不同API在不同瀏覽器下的兼容性情況 12. 掌握一套完整的響應式布局方案 #### 手寫 1. 手寫圖片瀑布流效果 2. 使用CSS繪制幾何圖形( 圓形、三角形、扇形、菱形 )等 3. 使用純CSS實現曲線運動( 貝賽爾曲線 ) 4. 實現常用布局( 三欄、圣杯、雙飛翼、吸頂 )，可以說出多種方式并理解其優缺點