剛入門的同學，應該把重點放在 CSS和HTML基礎知識的學習上。關于 CSS(3) 你需要了解以下一些知識點：web標準、HTML相關概念、HTML標簽、路徑相關概念、錨點及其他、表格標簽、表單標簽、綜合案例，注冊頁面、CSS選擇、CSS字體樣、CSS外觀屬性、調式、CSS復合選擇器、標簽顯示模式、CSS背景、CSS三大特性等等。總的來講，CSS和HTML的學習還是比較簡單的。關注優就業，學習更多IT知識。

隨著前后端分離技術的普及，web前端的技術目前正處于飛速發展的過程中，許多新框架或者框架的新版本層出不窮，要學習的知識點很多，不過這一切都需要web相關基礎知識支撐，包括HTML、CSS和JAVAScript，其中最難的是javascript，需要掌握它的基本語法和編程技術，然后再學習jquery、vue、react等前端開發框架技術，希望以上回答可以幫助到您。

黑馬程序員web前端中級程序員學習路線圖，含配套視頻，前端工具，源碼等。

黑馬程序員學習路線圖及能掌握的能力（總，以下會分階段，加上配套學習視頻，小伙伴可繼續往下看！）

第一階段：HTML5+css

配套學習視頻：

前端小白零基礎入門HTML5+CSS3

第二階段：移動web網頁開發

配套學習視頻：

2018移動web進階教程

第三階段：JavaScript網頁編程

配套學習視頻：

前端與移動開發基礎入門到精通

javaScript零基礎通關必備教程

第四階段：Node.js與Ajax

配套學習視頻：

Nodejs教程精講

ajax從入門到精通

第五階段：vue.js項目實戰

配套學習視頻：

4小時+5個揀選案例讓你快速入門Vue.js

2018年Vue.js深入淺出教程

第六階段：微信小程序

配套學習視頻：

一天教你打造企業級微信小程序

微信小程序-個人語音接口功能

分分鐘快速入門小程序開發

零基礎玩轉微信小程序

2小時輕松實現人臉識別的小程序

第七階段：React.js項目實戰

配套學習視頻：

Reactjs入門教程

ReactJs精品教程

第八階段：框架階段與原理

第九階段：移動APP開發

第十階段：node.js進階

第十一階段：可視化游戲

第十二段階段：架構與運維

還有前端免費工具下載

另外，關注加轉發，然后私聊我發送：前端，就能獲得上面這些資源咯。