第一章楔子
“你醒了吗？”老人摸着他的长胡子问道，看上去很和蔼。
“嗯？”
等等，为什么这个老头直接半吊空？
“妈呀，鬼！！！~"
老人看了看自己，似乎没什么问题。我立刻想起来了。
“你出事了，死了。咳咳，但你是因为我们的错误而死的，所以你有重生的机会。”
“如果你想回去，就留在这里等我先教你一门绝学，好让你在下一个世界混下去。”
你忍着，突然说:“哎，你太过分了。忘记你的错，不要让我回到原来的世界。好吧，如果我学了会怎么样？。"
“如果你能把这门绝活学到最高境界，年薪百万，发大财，拿下白，毫无困难地走上人生巅峰，你还有点激动吗？”
“对，对，那我们开始吧。”
“好吧，这个神奇的技能需要连续学习七七四十九天。你想过没有？”
“来吧，来吧，走吧！~"
第二章
首先，我来告诉你，在你完成学业后，如何伪装成一个“老手”。
首先，我们完成学业后，首先会有一个“头衔”。
“什么叫狂拽酷吊炸天称号？是灵冰桶还是血刃神帝？我是不是应该改个名字，像霍或者什么的？”
“是个蛋，给老太太躺着，你的头衔是——前端开发工程师。”
“多无聊啊！~"
“你会学吗？”
“学，你总是继续。”
“前端开发工程师实际负责IT系统工程，实际负责信息系统的设计和建设，包括设备、系统、数据库、应用系统的建设。”
“说人话！”
“咳咳，你前期是做网页的，但后期会逐渐越来越厉害。自己写网站，做各种动画游戏都不再是问题。你喜欢哪个女生分分钟在网页上给你画花。会不会怕追不上姐姐？”
“虐，那我怎么和别人双修？”
“我看不出你相当明智。”
“那是，毕竟我也学过大学计算机基础，精通PPT和Excel”
“咳咳，跑题了。进了公司，一般都是这样的分工。”
1.产品需求:产品经理给出需求文档。
2.项目设计:
视觉设计师——> PSD设计
交互设计师——>设计网站交互。
3.前端开发:
HTML
iOS
Android
Unity-3D
4.后台开发:
后台人员配合。
5.在线操作
“需要注意的是，很多公司其实把网站策划的工作直接交给产品，这其实是不对的。而且像网站的交互设计师，很多公司都是直接省略的，最后上线运营一般和我们没关系。”
“哦，我接下来要学什么？”
“首先是学习各种开发工具的使用，比如各种浏览器的使用，熟悉各种浏览器的插件，明确各种浏览器的区别，掌握传说中的亚洲四大魔女中的中国PS手法。”
"すばらしい!(牛逼)”
“什么？”
“没什么，还有呢？”
“还需要掌握各种语言，比如HTML、CSS、JS、DOM、BOM、PHP、Ajax、Node.js等。”
“叔叔，这是什么鬼？”
“不是鬼，是各种语言，还有你要掌握的技术。”
“好吧，我们从哪里开始？”
“今天我就给大家讲讲前端开发的核心语言。”
前端开发核心语言
HTML:超文本标记语言结构
CSS:级联样式表呈现
JS:脚本语言行为
“如果你还不明白，我给你举个栗子。”
“看到了吧，HTML，CSS，JS其实是互相配合的。HTML负责结构，CSS负责样式，JS负责行为。比如我点一下，色块就变长了。”
“可长可短？嘿嘿，能不能粗中有细？”
“离开这里，老太太。你想去哪里？”
“低调低调，对了，我刚才说这三个用在这，那HTML是什么？”
超文本标记语言
超文本？
除了文本，它还可以包括图片、链接和其他一些资源。
马克？
在特定的位置写特定的内容(你写了一封信，信封上让你写邮政编码的方框是一个标记)
怎么标注？
双标记
单标记
标记语言？
在标签中写入“特定的”英文单词赋予标签特殊的含义。
这是标签语言。
“哦，我们怎么写HTML？”
“这个先不急。我们先来了解一下HTML的基本结构。”
“哦，哦，そぅですね(原来如此)。但是这样写出来的内容一点都不美。我怎么才能让这个东西更漂亮呢？”
"这将使用我们的CSS，这是我们的级联样式表."
“这个怎么理解？”
“懂个蛋，替老太太记住。”
“好的，我最喜欢SM，坚决，嘿嘿嘿！~"
"。。。"
“那我们怎么把这个东西引入页面呢？直接写？”
“当然不是，这种介绍方法分为三种。我们刚才使用的方式是‘内联样式表’。”
内嵌样式表
书写:
写在标签内。
优点:
最高优先级。
缺点:
冗余代码过多
不利于维护。
使用场景:
平时不建议个别特效的设置。
“那另外两种方式呢？”
“另外两种方法叫做‘内部样式表’和‘外部样式表’。都需要写在标签里面。”
“说到这里，我需要告诉你关于CSS选择器。如果你想改变什么，你需要让它知道它需要改变。”
现阶段可供选择的三种方式
1。标记名选择器
2。类选择器
3。ID选择器。
“现在你知道怎么用了。”
“嗯，我可以问你的名字吗？”
“李鹏的李先生！”
“我听说过很多。”
“蛋，你明明今天才认识老太太。”
“别这么说。互相吹捧对团结有好处。你总是先喝口水。”
“嗯，可以教。”
“既然我已经教了你如何选择一个标签，那我就教你驾驭一些基本的风格。首先是背景。”
"在学习边框设置之前，先学习背景设置."
"之后，我们需要学习我们的内部空白填充."
"有一个自然的内部和一个外部，外部之间的距离是-保证金."
“如果你学会了填充、边框和边距，你就可以形成一个我们前端开发没有劣势的盒子模型。”
“爷爷，你懂得真多。”
“当然，毕竟我也是一个经常出去大保健的人。没经历过什么风波，比如二龙戏珠，星球大战。”
“爷爷，小心肾虚。”
“咳咳，我说的是箱型的占地面积。”
盒子模型
盒子所占空之间的区域
宽度:宽度+边框-左+边框-右+填充-左+填充-右；
Height:Height+border-top+border-bottom+padding-top+padding-bottom；
“到最后，我会教你各种控制文字风格的方法。”
“注意，测试内容要短一些。长了就有问题了。不要问老人怎么解决。我以后会告诉你的。”
“哦，那就说出我的名字吧。”
“嗯嗯，现在你自己试试，看看效果如何？如果不明白，可以再联系老太太。”
“谢谢你，大爷！~"
“叫老师！你个龟孙子。”
“呃，老师。”
“嗯，回到后勤和实习，将来会成功的。记得每天来学习，每天留言！”
“好国王，谢谢你，国王。”
好了，今天就到这里。我在这里看到的是真爱。
我还是第一次尝试用这种文风写技术文章。
在此期间可能会出现错误。希望大家积极挑错，留言。
最后，希望你能继续和我一起学习。以后至少可以说自己做过网站开发。
2016年6月6日用了3个小时