该如何学习前端技术

[SemiraChen]

本人安卓狗，最近想学习前端。做过小程序和React Native。搞小程序的时候，虽然我已经看了W3C里面CSS的教程，觉得CSS可难弄了，布局都不会按我想象得来，有点难受。我知道前端技术纷杂，框架有vue啊，angular啊，react 啊，node啊。基础的我看了点基础的教程，基础的有HTML、CSS、JS。Jquery就不必看了把。

总得来说就是看了基础的教程。但是CSS布局还是搞不定。

我想问各位大佬的是该怎么学习前端技术呢。很迷茫。
我之前学习Android的时候是看《第一行代码》入门的。前端的是否也有类似的书籍
不知道怎么去学习前端，略为迷茫。希望同学们能为我指明一条路，谢谢。

[SemiraChen]

[SemiraChen]

坐等被童鞋们翻牌

[槿畔]

这个其实并不难的，我本身是做前端的。你第一步要从html看起，先弄明白标签那些是块级元素，哪些是内联元素（块级的会独立占据一行，比如div,p,ul,ol,等等。内联的会依次展示，如em,time,span,i,strong,b等等），这些弄会了再去看下类似header，footer，section，nav等等的新增标签，html标签弄得差不多了，去学习css，结合dom元素，设置id名，class名，弄明白css执行顺序以及优先级之后在继续学习，如设置颜色color，设置背景background，设置宽度width，设置高度height，行间距line-height，透明度opacity，位置text-align，字体大小font-size，浮动float和定位position，display实现块级元素和内联元素的互转，最最后再学习一下flex布局，和进阶的css3动画。（注：没有什么位置是浮动float和position解决不了的布局。）希望能帮助到你

[槿畔]

然后你再去学习怎么用js去控制dom元素，像vue，react这些框架你可以放到最后再看，js会了，框架根据官网进行学习很快的，前面的都是基础，本身框架就是为了更加方便开发，方便管理。

[SemiraChen]

引用 3 楼 槿畔 的回复:

这个其实并不难的，我本身是做前端的。你第一步要从html看起，先弄明白标签那些是块级元素，哪些是内联元素（块级的会独立占据一行，比如div,p,ul,ol,等等。内联的会依次展示，如em,time,span,i,strong,b等等），这些弄会了再去看下类似header，footer，section，nav等等的新增标签，html标签弄得差不多了，去学习css，结合dom元素，设置id名，class名，弄明白css执行顺序以及优先级之后在继续学习，如设置颜色color，设置背景background，设置宽度width，设置高度height，行间距line-height，透明度opacity，位置text-align，字体大小font-size，浮动float和定位position，display实现块级元素和内联元素的互转，最最后再学习一下flex布局，和进阶的css3动画。（注：没有什么位置是浮动float和position解决不了的布局。）希望能帮助到你

谢谢你的细心总结。

[槿畔]

引用 5 楼 SemiraChen 的回复:

[quote=引用 3 楼 槿畔 的回复:] 这个其实并不难的，我本身是做前端的。你第一步要从html看起，先弄明白标签那些是块级元素，哪些是内联元素（块级的会独立占据一行，比如div,p,ul,ol,等等。内联的会依次展示，如em,time,span,i,strong,b等等），这些弄会了再去看下类似header，footer，section，nav等等的新增标签，html标签弄得差不多了，去学习css，结合dom元素，设置id名，class名，弄明白css执行顺序以及优先级之后在继续学习，如设置颜色color，设置背景background，设置宽度width，设置高度height，行间距line-height，透明度opacity，位置text-align，字体大小font-size，浮动float和定位position，display实现块级元素和内联元素的互转，最最后再学习一下flex布局，和进阶的css3动画。（注：没有什么位置是浮动float和position解决不了的布局。）希望能帮助到你

谢谢你的细心总结。 [/quote]不客气，结贴吧