前端开发人员，步就是网页布局和效果实现

近两年，前端技术和三大框架地位趋于稳定，我们整理了这份前端开发学习路径，希望对大家的学习有所帮助。
阶段
想成为一名前端开发人员，步就是网页布局和效果实现。也就是我们常说的切图仔，这时候你需要学习HTML+CSS+Javascript。

此部分的学习目的是把UI设计师给你的设计稿用HTML+CSS还原成网页。这部分的难点是有大量的标签需要你记忆。不要紧，刚开始你只要了解这种标签的形式，以后在工作中用得多了就熟练了。做个比喻就是你只要记住心法，以后实战多了，招式自然精通了。
再简单点，就是你不需要记住所有的标签，你只要知道都能实现什么，不会就去百度或者查文档。
web前端开发三剑客HTML、CSS、JavaScript综述
HTML超文本标记语言
HTML全称为（Hypertext MarkupLanguage）超文本标记语言。Html为开发人员提供页面布局标签，其中包括标题标签

、…，超链接标记标签可以令浏览器跳转至其他页面。开发人员可以通过一系列的标签对页面进行文字布局(

)、图片布局()、表格布局（

• ）表单布局（）、输入框（）。超文本标记语言还为每个标签提供操作属性，例如标签中的文字，开发人员可以通过style=”color=red;font-size=30px”语句对标签中文字大小、文字颜色进行控制。通过一系列属性的定义，我们可以得到精美的页面。
  Welcome To Login MilitaryManager System
  

  
  

  This is china WebSite

  
  CSS层叠样式表
  CSS全称为（Cascading StyleSheets）层叠样式表，CSS是一种用来表现HTML文件样式的计算机语言。CSS可以修饰静态的web页面，也可以配合动态语言对web页面的标签元素进行格式化。
  CSS提供类型选择器（该选择器以句点开头）、ID选择器（该选择器以#号开头）。开发人员可以通过选择器的选择对web页面元素中的标签进行属性设置。例如font-size、color、align-text等等属性。
  CSS盒子模型、外边距margin、内边距padding、边框border、文本content。Margin（left、right、top、bottom）。
  JavaScript网页交互语言
  Javascript是一种轻量级解释型或即时编译型的编程语言，开发人员可以使用js对web页面进行数据交互。当Web页面使用HTML+CSS语言定义布局，这属于静态语言，该静态页面中的数据属于不可改变型。为了将Web静态页面转换为动态界面，我们可以使用