解html js css三者的概念关系

html-css09

解html js css三者的概念关系,第1张

三者的关系可以用房子来描述。如果说一个html页面就是一个房子的话，那么其中的html元素就好比建成房子的砖、木、土、钢、水泥、沙子等各种材料，css就是让房子看起来像怎样的设计规范或者图纸，javascript就是用来调整用css规范建成的房子的各个已经就位的元素，让它们能够灵活地移动或者活动，比如控制一个门是开着还是关着的，把桌子从左边移动到右边等等。html是基础,css是表态地规范html元素的位置大小颜色等等状态的，而javascript则可以动态地控制html元素。ok,我觉得这个比如很形象，希望可以加深你对这三者的印象和它们之间的关系的理解吧！

举个例子，你要给自己造一座新房子，那么最基本的东西，你要准备砖块，钢筋，水泥。

这些就是造房子的原材料。而这些最基本的东西，你可以想象成HTML各种标签，HTML各种标签就是组成一个网页最基本的原材料。

有了原材料，还造不了一座房子，你需要砌砖工、搬运工、粉刷师等。这些人合作才能造出一座有层次，有结构，有序列，有组织、有美感的房子。而CSS就做了这些工人的工作，它让你的网页看起来不会杂乱无序，并且富有美感。

好了，有一天，你突然发现你的房子虽然美观，但不够智能。比如出差回来，热水器没有把水烧开。下雨了，窗户没关。你希望这些事情，房子能够在某个特定的场景下替你完成，所以你请了一些高级工人给你的房子加了一些特异功能，能完成你的上述需求。这些功能看起来很炫很实用。Javascript就是为这个使命而生的，他可以给各种HTML元素添加动态特效，所有你在网页上看到能动的东西，基本上都是用javascript做出来的。

从专业术语上讲，HTML俗称超文本标记语言，CSS俗称级联层叠样式表，javascript是一种面向对象的前端脚本语言。他们三者都由浏览器解释执行，更具体的用法之类的，题主可以百度搜索。

讲这个例子，是希望新手能够以一种通俗易懂的方式，去了解他们三者的关系，以便对题主后面的学习，有一个正确的导向。

一路编程深似海，从此红尘是路人——下有杰伦