看您的問題是打算涉足前端領域了，相信你從網(wǎng)上也可以看到大家的評論，前端門檻低容易學等等言論，其實呢，好多東西都是剛開始簡單，做好做深熟練直至精通很難。

說到html和css肯定要提到布局了，簡單說也就是寫頁面，我的建議是不要急著剛學了個標簽就去搞頁面，可以先試試這個標簽什么展示效果，是塊級元素還是行內(nèi)元素，是用來寫文字內(nèi)容的還是寫標題的或者用來做容器的。

等明白了這些基礎的，可以找?guī)讉€簡單頁面來練手，慢慢的增加復雜度，最后可以找些電商頁面來模仿，因為電商嘛東西多UI好看，展示形式多樣，把這個搞定了大體上算是過關了。

再就是要學習一下HTML5新標簽，它增加了很多語義化標簽什么headerfooternavsection等，這樣寫出來的也就一目了然，沒必要用class來區(qū)分了，實際上新標簽作用遠不止于此。

至于css，我覺得先掌握一些基本的，容器的寬高邊框背景色，文字大小顏色行高，塊級元素的行內(nèi)排列float或者flex布局，盒模型啥的，元素特殊位置定位position等等吧。先把最最基礎的搞定，有了感覺想做個什么樣式搜一下就出來了。

學習資料方面可以看一下w3school，或者網(wǎng)易云課堂，騰訊課堂，慕課網(wǎng)等視頻教程，有免費的也有付費進階的。

IDE呢也就是編輯器有webstorm，hbuilder，vscode，sublime等吧，每個人有不同的使用感受，你可以多體驗幾個，選一個順手的。

千言萬語也說不完，最后祝你學習順利，有啥不懂得可以關注我私信我啥的，我也是一枚前端，可以一起學習互相交流，分享些經(jīng)驗。