javascript和CSS的区别是什么?

html-css017

javascript和CSS的区别是什么?,第1张

javascript和css的区别:

css为网页表现、JS为网页行为。

css对网页进行静态修饰,可以使页面以一定的布局方式显示出来。

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

而js对页面的各种动态效果进行处理,可用来实现网页和人交互的功能,如进行图片的替换,图片的滚动,层的显示与隐藏,快捷键的处理等等。

扩展资料:

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

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

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

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

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

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

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

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

js可以使网页的功能更加丰富,给网页添加更多实时的、动态的、交互的内容。

举例:

1 当服务端需要对数据进行验证时,使用javascript可以在客户端验证数据,不需要把数据传到服务器端再传回来,比较节省时间。

2 你可以把网页里的内容隐藏起来,然后当鼠标放到某个地方的时候把隐藏的内容显示出来,就像这个页面右上角的”我的知道“那个菜单做的事情。网页里的下拉菜单基本上都使用js完成。

3 当你查看表格的时候,表格的内容很多,你可以使用js给每一行数据设置不同的颜色以示区分,也可以用js完成鼠标指到表格上表格就变色的功能。

4 新闻的幻灯片,可以用JS来做。如果不用JS的话4、5个图片占得地方可是不少。。

5 iGoogle里可以拖来拖去的应用也是用js做的。

6 登录论坛了以后他提示”5秒钟转向你登陆之前查看的页面“

7 还有很多的用途,但是我暂时想不到。。你可以举一反三一下。

css是控制网页外观的,它有以下优点:

1、便于页面的修改。

2、便于页面风格的统一。

3、减少网页的体积。

举例:

假设你有100个页面,每个页面的风格都是一样的,里面都有10个表格。

如果你全部用html来做,就需要给所有的页面的表格里写表格的边框颜色、背景颜色、文字大小(假设这些外观代码要使用3行),那么你就要给1000个表格写这些东西(你就要写3000行。。)。这里面所有的外观设置都是重复的。以后你打算改变表格的风格,你就要改1000个表格。

但是如果你结合HTML和CSS来做,你就可以在每个页面上加上一句

<link href="table.css" rel="stylesheet" type="text/css"/>

然后在table.css这个文件里写上

table{

border:1px solid #ddd

background:#eee

font-size:12px

}

然后你这1000个表格就看起来都一样了。这里只需要写3行代码。

以后你要修改表格,只需要修改table.css里面的这3行代码。