我的家乡应用css与js
时间: 2023-08-09 16:12:14 浏览: 100
好的,你可以按照以下步骤来应用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来美化网页并实现交互效果了。
阅读全文