css特效和js,一些好玩的css特效

本文目录一览：

1、javascript和CSS的区别是什么？
2、HTML中css和js有什么区别？
3、纯css特效和js有什么区别
4、js和css有什么区别

javascript和CSS的区别是什么？

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中来实现自身的功能的。

HTML中css和js有什么区别？

HTML,CSS,JavaScript 分别是什么？

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

一、HTML—Hypertext Markup Language。

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

超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容(比如文字如何处理，画面如何安排，图片如何显示等)。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。

HTML文本中包含了所谓的“链接点”HTML利用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。总的来说，HTML就是整合网页结构和内容显示的一种语言。

二，CSS—Cascading Style Sheet，

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

层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中，我们使用过CSS文件，对一些标签的样式进行修改。

我们使用CSS为每个HTML元素定义样式，也可以用于多个界面。进行全局更新时，只需修改样式即可。

body { border :1px solid #000;/整体的边框/ font-size :14px; }

CSS就是设置网页上HTML元素属性的语言。

3、Javascript

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

Java是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用。例如可以设置鼠标悬停效果，在客户端验证表单，创建定制的HTML页面，显示警告框，设置cookie等等。

function jsHello{ alert(‘Hello World!’); }

把代码嵌入HTML语言中，它会在加载时弹出一个“Hello World”对话框。