個人感覺得先說一句廢話，但是也是最有用的話：下個決心，堅持住。

首先，個人感覺web前端入門不難，div/css可以解決大多數佈局的問題，再學學其他html頁面標記，就可以將頁面呈現所需的元素搞定了。

css的概念很容易理解，他把每個元素看成一個矩形box，這個矩形有定位型別：絕對、相對、浮動，這三個概念一定整明白。然後是left、right、top、bottom四個css屬性，各種實驗深入做一做，大膽的組合使用，看看有什麼現象。最後是width、height。

上面這些屬性支援畫素px為單位，也支援使用百分比%，也大膽做實驗，各種組合玩一玩，一定要大膽的玩一玩，發揮自己的想象力給自己提出變態定位需求，因為你將來的產品經理可能會更變態(▼皿▼#)。

把定位與尺寸理解好，就成功三分之一了。

然後，理解css規定矩形的邊框、內部、外部空白，分別是border、padding、margin屬性，同樣也都支援畫素px和百分比作為單位，也一樣是大膽玩一玩，比如height等於0px，border-width等於100px等等，另外記得看看圓角怎麼做。

最後，學會box本身怎麼設定背景色、背景圖、透明度，背景圖還有相應的平鋪方式，也查手冊看看玩玩。

我個人的練習方法供你參考：把身邊的各種小物件用div/css做成頁面，如，我的手機屏幕布局，你的桌子佈局，你買的飲料盒表面等等。

上面說的就是前端靜態內容的入門及後續學習知識點。

想讓頁面有好的體驗，再學習讓頁面動起來也很重要，這就要學一些javascript指令碼。

寫程式碼程式設計需要更多的耐心，多多練習，發揮想象力，大膽玩一玩。