首页我的家乡应用css与js

我的家乡应用css与js

时间: 2023-08-09 18:12:14 浏览: 50

好的，你可以按照以下步骤来应用CSS和JS： 1. 在HTML文档中引入CSS文件和JS文件。在<head>标签中添加<link>标签和<script>标签来引入CSS和JS文件。例如，引入CSS文件的代码如下： ``` <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> ``` 引入JS文件的代码如下： ``` <head> <script src="script.js"></script> </head> ``` 2. 编写CSS样式。在CSS文件中编写所需的样式，例如修改网页背景色、字体颜色、字体大小等。例如，修改网页背景色的代码如下： ``` body { background-color: #f2f2f2; } ``` 3. 编写JS代码。在JS文件中编写所需的代码，例如实现网页交互、动态效果等。例如，实现点击按钮后弹出提示框的代码如下： ``` document.getElementById("myButton").addEventListener("click", function() { alert("Hello, world!"); }); ``` 4. 在HTML文档中调用JS代码。在需要调用JS代码的地方添加相应的代码，例如在按钮上添加点击事件。例如，在按钮上添加点击事件的代码如下： ``` <button id="myButton">Click me</button> ``` 通过以上步骤，就可以成功应用CSS和JS来美化网页并实现交互效果了。