css可以使页面以一定的布局方式显示出来而js对页面的各种动态效果进行处理，如进行图片的替换，图片的滚动，层的显示与隐藏，快捷键的处理等等要想使用css和js，只需要引入到html中便可方法如下下面是HTML5引用css。

第一步，双击打开HBuilder工具，在Web项目指定目录新建静态页面，并引入相关的CSS和JS文件在body标签插入一个table和一个无序列表，如下图所示第二步，打开浏览器，预览该静态页面的效果，可以发现无序列表内容未换行，如。

在HTML中引入CSS的方法主要有四种，它们分别是行内式内嵌式链接式和导入式1行内式 行内式是在标记的style属性中设定CSS样式这种方式没有体现出CSS的优势，不推荐使用2嵌入式 嵌入式是将CSS样式集中写在网页。

h5中做动画的方法有很多种，一个一个说吧1h5元素本身的位移缩放，控制css属性即可，leftrighttopbottom，widthheight，另外使用transform可以完成更复杂的变化2透明度属性可以完成渐隐渐现效果，切换background。

三添加 CSS 样式 我们已经使用 HTML 定义好大白的各个元素，现在就需要利用到 CSS 来绘制它的样式外表由于大白是白色的，为了更容易辨识，我们把背景设为深色然后首先是头部body background #。

用CSS样式为progress标签设置大小，代码如下图3 运行程序，结果如图 运行程序，结果如图 看上面的运行结果，在CSS样式里面设置了背景颜色为红色，程序显示并无变化，原因是HTML5与各浏览器的兼容性各不相同，那如何来改变兼容性。

内联样式当特殊的样式需要应用到个别元素时，就可以使用内联样式使用内联样式的方法是在相关的标签中使用样式属性样式属性可以包含任何 CSS 属性以下实例显示出如何改变段落的颜色和左外边距ltp style=quotcolor red。

在html中调用css文件步骤如下1首先，下载html5开发软件Intellij IDEA，这个直接在百度搜索框中搜索即可2打开软件，点击file，选择New project，在弹出的对话框中，选择static web选项中的html5，点击next，在新对话框。

1首先，下载html5开发软件IntellijIDEA，这个直接在百度搜索框中搜索即可打开软件，点击file，选择Newproject，在弹出的对话框中，选择staticweb选项中的html5，点击next，在新对话框中，输入项目名称，点击finish2首先。