jquerycss 如何向小白解释 jQuery、CSS3 和 HTML5 的关系？

我们看到的网页由三部分组成: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是一个组装好的机器人。