主要区别是数据来源不同，静态网页是不需要通过服务器获取数据的，所有数据都写在网页里了。
而动态页面是需要通过服务器来获取数据的，可以是渲染页面的时候给的数据，还可以是渲染页面后通过ajax来获取的数据；当然它会有对应的后端代码，而后端代码肯定是跑在服务器上的。
当然，你通过网址来访问到的所有网页，即使它是静态的，也是需要从服务端返回的。
现在已经很少纯静态的网页了，服务端返回的内的数据一般都是动态获取的。
总之，你要明确一点：
你在页面中能看到的代码都是在浏览器里执行的。
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中来实现自身的功能的。
