1、前端自学的话比较辛苦，因为需要强大的自制力抵制各种诱惑，还有有努力学习的上进心、耐心坚持学下去；现在网上很多培训机构都有免费的视频教程进行学习，结合视频，自己多练、多想、不懂就问才是制胜关键。
创新互联是一家专业提供武平企业网站建设,专注与网站设计制作、成都做网站、H5场景定制、小程序制作等业务。10年已为武平众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
2、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。
3、分享一份完整的前端学习路线，包括每阶段需要掌握的知识点，可以参考下。
4、所以现在学习Web前端开发的技术人员也是日益增多了，但是在学习Web前端开发中盲目的去学习而没有一个完整的思路和学习路线也是不行的。
前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
HTML5移动端的功能和应用程序：对于苹果手机中的应用程序，属于iOS开发，语言是OC；对于其他安卓系统的手机，需要使用JAVA语言进行开发。HTML5能够做的是移动端的网页以及微信平台中移动端网页。
精通HTML/XHTMLCSS，熟悉页面架构和布局，对Web标准和标签语义化有深入了解 精通Ajax、JavaScript、DOM等前端技术，掌握面向对象编程思想 。
学习Java、DOM、BOM等用建立开发基础。学习photoshop和Axure等软件应用，完成页面UI设计。
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)。第二阶段：JavaScript高级程序设计。内容包含：原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目)。
）像span这样的行内标记，定义它的margin-top和margin-bottom是无效的，除非你把它设置为块状元素才可以。Display：block 2）对于块状元素，你可以自由的使用外边距来定义版式和元素之间的距离。
使用最新的H5语义化标签，可以使用弹性盒子或百分比做适配。
LimeJS是HTML5的游戏框架，用于为现代触摸设备和桌面浏览器创建快速、本地化的游戏。 FlexieJS 支持CSS3弹性盒子模型（Flexible Box Model）。在线工具 此外，还有一些在线工具，可以帮助开发者加快HTML5项目的开发。
HTML5是一种web标记语言，用于开发网页使用。HTML是web应用中一种”超文本标记语言（HTML）“的第五次重大修改，我们将这次修改后的HTML标准，称之为HTML5。
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
1、Dcoder Dcoder：Android上的代码编辑器，支持33种语言语法高亮，亮点是支持代码调试，可以把运行结果和错误输出在同一个屏幕，很强大。
2、应该说，对移动端页面的开发帮助不大，原因在于，响应式的出现主要是因为我们希望一段代码能够同时适配PC端、平板电脑以及手机。
3、两者之间没有区别。有许多方法可以在手机上开发网页。 目前，html5的发展还不够平衡，导致主要浏览器对h5的支持不尽人意。
4、搭建好手机站之后可以去找第三方的一个打包平台把你的手机站封装一下，比如说一门app、安卓益、奇门应用这些平台，封装好之后就可以生成安装包了。
1、box的宽高可以用 width和heigh t来设置 注意，width和height只是设置盒子内容区大小，而不是盒子的整个大小，盒子可见框的大小由内容区，内边距和边框共同决定。
2、综合盒模型高的计算公式，你现在的高度应该是 【实际高度】=【line-height】+【5px】+【5px】 【建议】 定义一下行高。 或者定义a为block，并加尺寸。
3、液态表示盒宽度用%表示，也是一个相对的值（实际宽度参照其父元素）。弹性表示盒宽度以em表示，所以它也是一个相对的值了，它是受当前字体大小的影响，即其宽度为当前字体大小的多少倍。
4、盒子水平居中 可以让一个盒子实现水平居中，需要满足一下两个条件： 块级元素和盒子必须指定宽度(width) 左右的外边距都设置为auto，就可使块级元素水平居中。
1、弹性容器设置属性display：flex；容器属性 flex-flow 复合属性，是 flex-direction 和 flex-wrap 的简写形式。
2、flex-flow属性是flex-deriction与flex-wrap属性的简写集合，默认属性为row nowrap，即横向排列，且不换行，如果需要控制项目排列与换行，推荐使用此属性，而非单独写两个。
3、align-self： auto； 默认值。元素继承了它的父容器的 align-items 属性。如果没有父容器则为 stretch。align-self： center；元素位于容器的中心。弹性盒子元素在该行的侧轴（纵轴）上居中放置。
4、因此css3提出了一些全新的布局属性，包括： 弹性盒子模型 ， 多列属性 ， 响应式布局 等等。弹性盒子模型的最大特征在于动态修改子元素的宽度和高度，以满足在不同尺寸屏幕下的恰当布局。