龙空技术网

如何向小白解释 jQuery、CSS3 和 HTML5 的关系?(文末有福利)

码农视界 38

前言:

如今看官们对“css和jquery”可能比较关心,同学们都想要学习一些“css和jquery”的相关知识。那么小编在网络上汇集了一些关于“css和jquery””的相关知识,希望大家能喜欢,大家快快来了解一下吧!

我们看到的网页是由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 就是组装好的机器人。

领取福利

现在留言小编,就有机会获得html5全套视频教程哦!!

还等什么呢?(哈哈,说的就是你,快到我碗里来吧~~手动笔芯)

标签: #css和jquery #html5的关系图