JavaScript入门中，为什么css放在html上面就有效果，script放在html上面就没有效果？

同学你好，css与js的执行原理是不一样的：

css：

当浏览器显示文档时，必须将文档的内容与其样式信息结合。分如下两个阶段处理文档：
（1）浏览器将 HTML 和 CSS 转化成 DOM （文档对象模型，后续章节会学习到）。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。
（2）浏览器显示 DOM 的内容。

js：

简单的来说js需要对DOM树进行操作，而写在head里的js代码，在dom加载完成前JS就执行完了，所以会没有效果。

根据HTML文档流的执行顺序，一般需要在页面元素渲染前执行的js代码应放在前面的<script>代码块中，而需要在页面元素加载完后的js代码放在元素后面。

祝学习愉快~