js和html和css的关系,html、css和js有什么联系？

HTML+CSS+JS是做网页前台设计的标准套装，那么html、css和js有什么联系？下面本篇文章给大家介绍一下HTML、CSS、JavaScript之间的联系。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

HTML：(HyperText Markup Language)超文本标记语言

结构(structure)——决定网页的结构及内容，即“显示哪些内容”

可以把HTML说成是静态代码。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

CSS(Cascading Style Sheet)层叠样式表单

表现(presentation)——设计网页的表现样式，即“如何显示有关内容”

CSS是将样式信息与网页内容分离的一种标记语言，我们使用css为每个元素定义样式；它主要用于美化HTML页面。

语法为：selector {property：value} (选择符 {属性：值})。

通过设置对应的样式属性可以修改html文档内各元素的显示、位置等样式；如修改颜色、字体、字号、宽高、位置、背景等

JS(JavaScript)一种动态脚本语言

行为(behavior)——控制网页的行为(效果)，即“内容应该如何对事件做出反应”

使用JavaScript代码可以让前台变的有交互(点击事件)，常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

JS的常用功能：

1、嵌入动态文本于HTML页面

2、对浏览器事件作出响应

3、读写HTML元素

4、在数据被提交到服务器之前验证数据

5、检测访客的浏览器信息

6、控制cookies，包括创建和修改等

HTML、CSS、JavaScript之间的联系

对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置网页的行为。

一个很经典的例子是说：HTML就像一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思考、运动、可以给自己整容化妆(改变CSS)等等，成为一个活生生的人。

如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+CSS是植物人，没有Javascript、CSS是个毁容的植物人。

如果说HTML是建筑师，CSS就是干装修的，Javascript是魔术师。

更多web前端开发知识，请查阅 HTML中文网 ！！