前言
学习前端的知识，很多网上的第一步肯定是告诉你什么是前端，然后就是告诉你这个标签，那个标签，然后又告诉你css，js，每个都感觉挺细的，但是最终如何把这些东西融合在一块这才是重点。
我看了很多的前端学习的网址，都是大同小异吧，而学习了好几天，我看到一个网站后，我还是不知道该如何下手去做这个网站，网上找了很多的学习资料，感觉都好繁琐，其实我知道以后看到别人的页面或者原型就该知道怎么去编写。
我是一个学画画的，我觉得画画和前端是一个类似的一个东西，都是将一个画布铺满。
画画-构图-上色-调整
例子：画画-人物
画画-市面上大多的教程都会告诉你先学习画鼻子，在画嘴，在画脑袋，在画胳膊等等，最终让你讲这些拼接在一起，但是相信很多在最后的拼接都很乱，也许这个人脑袋大，腿小，胳膊粗，屁股小，都是不伦不类的
前端-市面上大多数的教程都会让学习，html编辑器，容器，元素，段落，然后在告诉你css的的这个英文代表什么，那个英文代表什么。最终让你去拼接完成一个网站，当然大多数人最后肯定拼接完成的好多问题。
对于画画是有诀窍的，我觉得前端学习也是一样的，首先我将打破这些传统的学习，已一个画手的眼光去看待前端，
改变：画画-人物
1. 看到要画的东西，先观察这个东西，他的外形轮廓是什么
2. 将外形轮廓画出来后，俗称剪影，和剪纸一样，效果只是一个任务的外形。
3. 随后在外形中，按照大的块去区分脑子，上身，下身
4. 在每个大块里面去区分是鼻子还是嘴巴
剪影：
:
区分:
效果：也许你鼻子画的不好，也许你眼睛画的一般，等。但是只要按照一个轮廓去话，最终画出来看的还是一个正常人，而不是画的非正常人。
前端：一个简单页面
1：先不去管什么这个标签，那个标签，也不用管这个css那个css，先看页面
2：先看页面是由几大块组成的，我们可以分为头-上身-下身。
3：在看头部中有小的什么，上身有什么，下身有什么。
图例：
头:
上身:
下身: