如何向小白解释 jQuery、CSS3 和 HTML5 的关系？
source link: http://www.10tiao.com/html/306/201806/2651214381/2.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Tips:预约千锋免费试听课程，点击文末“阅读原文”进行报名！
我们看到的网页是由3个部分组成的：html、js和css。
木偶戏大家都看过吧，我们可以拿木偶戏类比：html就是网页的结构，类似于木偶的骨骼，或者说一个光秃秃的木偶；css是网页的样式，可以把它想象成木偶穿的衣服；同样的木偶，穿上不同的衣服就有不同的样子，类似的，同样的html，有不同的css就可以显示不同的样式；js是控制交互的，可以通过js操作网页的交互（比如点击之后出弹窗之类的），可以把它想象成控制木偶的线，让木偶做出各种动作。
HTML是由多种骨头(标签)组成的骨架。
HTML5是更多的新骨头(标签)，同时去掉了以前觉得不好用的骨头。
CSS是皮肤；CSS3是更美的皮肤。
JS控制单个动作 (抬手,张嘴,放下手,抬腿,转头,握拳等) 。
jQuery是把一组常用动作编排成了一个招式。
(例如吃饭这个动作里面编排了：拿起勺子，挖一勺饭，把勺子贴近嘴，张嘴，勺子送进嘴，勺子拿出嘴，咀嚼。)
还可以把整个过程比喻成组装一个机器人的过程：
HTML是这个机器人的支架、骨骼、关节；
CSS是这个机器人外部的涂装：用什么颜色、什么主题（荧光白 钻石红）；
JS是控制这个机器人行为的：让他抬胳膊、开火、行走、跑步等等；
HTML5是一种新型材料组成的支架，更耐用、更简洁、更清晰，同时提供一些可以调用的新的牛逼的行为（JS API）。
比如：获得该机器人坐标、自动缓存数据、绘图功能等等。
CSS3是一种改进版涂装，更轻、渲染更快、颜色更加绚丽；
Jquery是基于JS封装好的控制行为的库，用这种指令，就可以更快的写出控制机器人行为的内容，用这种东西写出的指令，开发人员可以节省时间、提高效率，但是没有原生的动作（JS）他什么都做不了；
而你完成的网站或者 web APP 就是组装好的机器人。
点击阅读原文，查看更多
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK