html5和css和js怎么使用

css可以使页面以一定的布局方式显示出来。

而js对页面的各种动态效果进行处理，如进行图片的替换，图片的滚动，层的显示与隐藏，快捷键的处理等等。

要想使用css和js，只需要引入到html中便可。

方法如下：

下面是HTML5引用css文件：

<link rel="stylesheet" href="../css/demo1.css">

Html5引用js文件

<script src="../js/firstjs.js"></script>

注意：引用时要有顺序，因为是从上往下依次执行调用，所以引用时要注意执行的顺序

1、首先我们选择创建一个新的html5页面并完成初始化代码。

2、创建两个新的输入标记，一个用于用户输入变量，另一个用于用户更改变量的值。

3、编写脚本标记，将js代码写入内部，我们通过js获得两个输入标记元素。

4、执行按钮标记的click事件功能，也就是说，当用户单击“加一”按钮时，将调用此函数。

5、在函数中，我们首先将变量转换为数字，然后在数字中加一，以实现用js更改html变量的功能。

6、要刷新下一页，我们输入数字“18”并单击“加一”按钮。

7、我们可以看到输入框中变量的值变为19，变量的值变为js。

H5edu教育Html5开发为您解答：

cocos2d-js是cocos2d-x的JavaScript版本，真正跨全平台的游戏引擎，采用原生JavaScript语言，可发布到包括Web平台，iOS，Android，Windows Phone8，Mac，Windows等平台。

利用cocos2d-js开发HTML5游戏/动画，我们可以通过SDK也可以直接使用js类库：

l SDK下载：http://cn.cocos2d-x.org/download/

l js类库：http://www.cocos2d-x.org/filecenter/jsbuilder/

先说说SDK的开发步骤：

1、 安装python

2、 解压SDK，运行setup.py

3、 运行cmd，新建cocos2d-js项目：cocos new –l js project_name

4、 使用webStorm等IDE打开项目目录，新建的项目已经有现成HelloWorld例子

5、 了解一下main.js的说明（关于project.json），然后打开resource.js和app.js阅读代码

6、 在app.js中正式开始自己的代码编写。当然，这里可以增加新的js文件，需要修改project.json。

再说说js类库的开发步骤：

1、 下载类库

2、 新建HTML页面，引入相应类库

3、 在onload之后，编写cocos2d-js代码，从cc.game.run()开始。入口代码其实跟SDK开发方式的main.js一样。这里更推荐使用SDK方式，因为可以通过阅读源代码获取API的使用说明。

开始cocos2d-js开发前，需要洗洗脑，知道cocos2d-js的平面坐标情况。这跟HTML和canvas的布局都不一样。

wps_clip_image-10616

在cocos2d-js游戏中，画面的左下角是(0,0)，x从左往右递增，而y是从下往上递增的，跟数学的二维坐标系一致。

Cocos2d-js框架把游戏拆分为很多个场景，当玩家在不同界面切换的时候，框架实际上就是让游戏画面在不同场景中切换。跟Flash一样，cocos2d-js也有最基本的元素——节点Node。节点可以包含子节点，形成树形结构：

wps_clip_image-1073

然后，Layer、Sprite继承了节点，实现了更多功能，例如Layer用于表示一个面板一个层，Sprite精灵用于加载图片表示人物。而场景本身也是节点，所以场景中可以添加层，层中可以添加层，也可以添加精灵。

---