论如何才能快速提升技术能力，我想绝大多数人都会说最好的方式就是站在巨人的肩膀上。利用现有的资料和教程，避开学习时可能遇到的坑。web前端开发社区：publicweb就是这么一个学习工具。今天web前端开发社区：publicweb就带大家了解一下如何学习web前端。 HTML、CSS 和 JavaScript 学习 HTML、CSS 和 Javascript——尤其是按照这个顺序——并不是一个好建议。您应该根据始终重新审视基础知识的主题从一个跳到另一个。 完全跳过某些主题直到您获得一些其他知识也是可以的，请尝试“掌握”这三个中的任何一个是糟糕的建议。从来没有人掌握过这些。这几乎是不可能和不必要的。 学习型 Web 开发 实际上有很多方法可以进入网络编程，不同的东西适合不同的人。我见过人们从框架开始回到基础，反之亦然。最好的事情是所有这些信息都可以免费在线获得。 有很多趋势，并且总是有一些新的东西可以尝试，许多工具承诺可以帮助您流行和退出流行。专注于路线图可能会让人不知所措，我相信有一个好的开始，让其余的自然发生，并由您的欲望和好奇心驱动。 那么如何学习基础知识呢？ 从 HTML 开始 1 — HTML 基础知识：了解 HTML 标签和文档的剖析。理解嵌套标签的概念以及开闭标签和自闭标签的区别。了解链接和向页面添加图像。真正理解 HTML 的含义是标记文本。 2 —按主题和项目需求学习：让您的需求驱动您。在您构建了一个基本项目之后，现在尝试添加一些东西，当您没有专业知识时，请自行研究和发现。 这是学习 HTML 的最佳方式。例如，尝试为您的虚构（或真实）业务创建一个网站。真正专注于编写好的内容并将其拆分为不同的页面。 3 — CSS 基础：现在您应该尝试学习如何为您的项目添加一点样式并从中获得乐趣。你应该了解： CSS，它是如何构建的，以及如何设置HTML 元素的样式； HTML 元素的正常流动； 内联样式vs样式标签vs外部样式表； 理解颜色并使用 CSS 为 HTML 添加颜色； 如何设置文本样式； 如何设计链接样式； 如何设计列表样式； 如何设置背景和边框的样式； 盒子模型; 使用边距； 快速浏览CSS 选择器类型和组合器； CSS 的工作原理和CSS的级联； 4 — HTML 语义和布局：了解布局及其背后的语义将帮助您将内容分组为更易于管理和处理的块。在这个级别，你应该看看： 网站结构和语义布局； 之间的区别div，section以及article标签; img标签和CSS背景图片的区别； 之间的区别main，header，footer和aside标签; figure,img和picture标签的区别； 的影响SEO（搜索引擎优化）和它是什么; 5 — CSS 布局样式：在学习如何使用 HTML 构建布局之后，只有学习如何设置样式才有意义。在这个级别，它是所有数量移动的盒子，所以你应该专注于学习： 如何使用弹性盒； 如何创建多列布局； 如何使用网格布局； 如何使用::before 和::after伪元素； 如何居中；
- 文章导航