零基础如何快速入「]前端?这个问题每每是没有基础会遇到的，想要快速入「门前端开发，简单来讲就是要把基础的知识点掌握熟练，而后由浅入深的去学习，在这里根据我过来的经验，为你们简单介绍一下零基础如何快速入门前端。css
举个可能不太恰当的例子:前端就比如如盖房子，html就充当 了房子结构这部分，也是房子的基础。css呢， 就比如我们房子的装修,墙面什么颜色，什么风格，什么地板等等，这些给房子改变风格,样式的就是css。而Java呢，就比如这个房子的功能，房子须要制冷吧，须要暖气吧，也须要上下水吧。这些功能性的就至关因而Java。html
1、前端工具（dreamwear/sublime/Photoshop/SVN等）
2、零基础入门（HTML，CSS）
一、前端开发概况、代码入门前端
页面基本结构、文档声明、编码声明、css语法、style属性、link和style标签、id属性、基本样式、Border 、Background、 Font、盒模型、文本设置等等。css3
二、经常使用标签集合web
header、article、aside、section、footer、nav、h1-h六、p、ul、ol、li、img、dl、dt、dd...绝对路径、相对路径、标签语义化、标签嵌套规范、SEO...面试
三、经常使用选择器&标签类型划分算法
d、class、类型选择、包含选择、群组选择、通配符、选择器优先级、标签样式初始化订制方案、超连接及伪类划分、标签类型划分及特性、inline、inline-block、block..浏览器
四、浮动进阶网络
浮动的做用、浮动的特性、文档流、浮动的各类问题、clear、BFC(块级格式化上下文)、触发BFC的条件、Haslayout、Haslayout的触发条件...框架
五、定位
relative相对定位、Absolute绝对定位、Absolute绝对定位、Fixed 固定定位、inherit 继承、static静态定位、默认值、zIndex层级问题、margin负值、透明度...
六、表格和表单
表格标签、表格样式重置、单元格合并、表单元素、表单相关的属性操做、表单默认样式初始...
七、兼容性问题处理
兼容性问题总结、浮动在IE6，7下的各类问题、表单在低版本IE的问题、处理低版本IE对新增标签的支持、CssHack、条件注释语句、PNG问题、透明度的问题、固定定位在IE低版本的处理方式...
八、整站进阶
样式规划、favicon、Css Sprite、Data URI、隐藏元素、测试工具使用、滑动门、等高布局、三列布局、未知宽高图片在容器内水平垂直居中、文本水平垂直居中、多行文本水平垂直居中...
九、css3入门
transition、属性选择器、nth-of-type、nth-child、backgroundSize、box-sizing、圆角，盒模型阴影、文字阴影、rgba、表单高级、H5表单新增属性、E:not(s)、E:target、E::selection、
十、移动端布局
测试环境Emulation、viewport、window.devicePixelRatio、物理分辨率、Media Queries、rem、window.screen、移动端布局相关问题、window.deviceorientationevent、横竖屏判断...
十一、Animation和Transform
浏览器前缀、keyFrames、Animation调用、播放次数设置、动画偶数次调用顺序、Animation的问题、无缝滚动、动画播放|暂停、rotate旋转、deg、skew斜切、scale缩放、translate位移、transform-origin、transform的执行顺序问题...
十二、Bootstrap前端开发框架
Html语法规范、CSS语法规范、Less 和 Sass 中的嵌套、class 命名、选择器、Normalize.css、栅格系统、排版、代码、响应式工具...
另外关于零基础如何快速入门前端的问题，项目实战这一点很重要，必定要学以至用，个人建议是，只有在实战项目中多加练习才能真正的掌握这门技术！
最后我就学习前端开发给你们分享一些学习的方法：
一、在CSS布局时须要注意的一个问题是不少同窗缺少对页面布局进行总体分析，不可以从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去作，致使页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等状况。建议你们在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从总体上划分，而后逐步在盒子中继续嵌套盒子。
二、“君子生非异也，善假于物也”，在学习的过程当中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才能够融会贯通，取他人之长为我所用。
同时还要善于使用Firebug这个利器。Firebug一方面能够在咱们学习过程当中帮助咱们调试本身的页面，另外一方面咱们可使用Firebug方便地查看、分析别人网站的源代码，“偷”也是一种技能！
三、随着移动互联网热潮的到来，移动开发愈来愈受到你们的追捧，响应式布局、微网站等需求量不断增长，也是咱们web前端将来的发展方向之一，因此新时代的到来必定要不断扩充自身的知识面，提升自身素养。
下面分享一份我整理的前端校招面试题，分了HTML、css、JavaScript、React、Vue、浏览器、服务端与网络、算法等等，共280页PDF。
