css与js一起用菜鸟教程

CSS 和 JavaScript 是两种非常重要的 Web 开发语言。CSS（Cascading Style Sheets）是一种样式表语言，用于描述 HTML 文档的外观和样式。JavaScript 则是一种强大的编程语言，用来创建互动性和动态性等功能。

要在网页中同时使用 CSS 和 JavaScript，可以将它们分别写入不同的文件中，然后在 HTML 文件中将它们链接起来。一般而言，CSS 文件优先加载，然后才是 JavaScript 文件。

// 引入 CSS 文件
<link rel="stylesheet" type="text/css" href="style.css">

// 引入 JavaScript 文件
<script src="main.js"></script> 

一些常见的应用场景如下：

修改 HTML 内容

// 在 JavaScript 中获取 HTML 元素
var element = document.getElementById("demo");

// 使用 CSS 改变元素的样式
element.style.color = "blue";

// 使用 JavaScript 修改元素的内容
element.innerHTML = "Hello, World!"; 

创建动画效果

// 在 JavaScript 中获取 HTML 元素
var element = document.getElementById("demo");

// 使用 CSS 设置动画效果
element.style.transition = "background-color 1s ease";

// 使用 JavaScript 触发动画效果
element.addEventListener("mouseover", function() {
  element.style.backgroundColor = "yellow";
});

element.addEventListener("mouseout", function() {
  element.style.backgroundColor = "";
}); 

以上只是两个简单的例子，实际上，CSS 和 JavaScript 可以结合使用创建更为复杂和功能丰富的 Web 应用。

要学习更多关于 CSS 和 JavaScript 的知识，可以到菜鸟教程上查找相关的教程和示例。