文章目錄
HTML5 + CSS3學習是前端自學路線圖的第一階段，黑馬程序員前端自學路線圖給出了這個階段的自學目標：學完後能夠獨立把美工提供的PSD效果圖還原成PC端靜態代碼頁面。前端自學路線圖這個階段的市場價值：具備PC端靜態網頁開發的能力，還達不到企業用人標準。但是爲後面自學網頁編程階段打下堅實基礎。
黑馬程序員的前端自學路線圖中的HTML5 + CSS3自學的技術要點，可以幫助大大縮減自學時間來掌握企業必要的技能。話不多說，趕快跟着最新的前端學習路線圖開始學習吧。HTML5 + CSS3自學資源在黑馬程序員視頻庫中都可以找到。
HTML5 + CSS3自學技術要點
HTML5 + CSS3自學–HTML5
1、瀏覽器與瀏覽器內核
2、語法及使用
3、常用標籤
4、語義化
5、表單元素
6、HTML
7、新增標籤
HTML5 + CSS3自學–CSS3基礎
1、CSS基本語法規範
2、常用的選擇器用法與技巧
3、複合選擇器使用
4、數值與單位
5、文字文本樣式
6、CSS3新增選擇器
HTML5 + CSS3自學–CSS3進階
1、CSS盒子模型
2、CSS背景技巧
3、圓角/陰影/過渡
4、定位和浮動
5、僞類和僞元素
6、chrome調試工具
7、CSS高級技巧（精靈圖、CSS三角、圖標字體等）
8、CSS常見佈局技巧大全
9、網頁開發規範以及流程
10、CSS企業級網頁開發
11、網頁開發常見問題以及解決方案
12、CSS常見兼容性問題以及解決方案
13、CSS3新增屬性
14、Photoshop 切圖
15、cutterman插件一鍵切圖
HTML5 + CSS3自學–電商項目
1、代碼組織原則
2、項目開發實戰流程
3、電商類複雜頁面佈局規範
4、CSS初始化技術選擇（Normalize.css使用）
5、CSS字體圖標使用
6、CSS 屬性書寫順序規範
7、完整的多頁面開發
8、網頁語義化設計
9、CSS頁面模塊化開發
10、favicon圖標製作
11、複雜網頁結構排版技巧
12、常見動畫過渡特效
13、電商類常見佈局問題解決方案
14、將電商項目部署到web服務器
HTML5 + CSS3自學資源
自學前端需要達到什麼水平才能去工作？（點擊進入）