<link rel=”stylesheet” href=”styles.css”>
</head>
在这个例子中,rel属性定义了链接的关系(在本例中是样式表),href属性定义了文件的路径。如果styles.css与HTML文件在同一目录下,只需提供文件名即可。否则,需要提供该文件的完整路径。 编写CSS文件 编写CSS文件几乎是一个无限的主题。大家可以使用属性和值来控制元素的大小、颜色、字体等。例如,以下CSS代码将所有段落的颜色设置为红色,并将其字体设置为12像素:可以选择ID或类来针对不同的元素应用不同的CSS样式。例如,下面的CSS代码将具有ID“header”的元素的背景颜色设置为灰色,并将字体颜色设置为白色:p {
color: red;
font-size: 12px;
}
引用JS文件 引用JS文件与引用CSS文件类似。大家需要在HTML文件中使用标签。例如,如果有一个名为script.js的JS文件,可以通过以下方式引用:#header {
background-color: gray;
color: white;
}
在这个例子中,src属性定义了文件的路径。 编写JS文件 无论是从根本上更改网页行为,还是简单地通过响应点击事件来执行操作,JS都可以帮助大家实现。例如,以下代码将在点击元素时更改其文本:<body>
<script src="script.js"></script>
</body>
此代码使用getElementById函数获取ID为“myElement”的元素,并在单击时设置其innerHTML属性。 总结 通过了解如何引用和编写CSS和JS文件,可以帮助大家更好地控制网页设计和交互效果。无论您是使用外部文件还是将CSS和JS代码直接嵌入到HTML文件中,这些文件都是网页设计的重要组成部分。var element = document.getElementById("myElement");
element.onclick = function() {
if (element.innerHTML === "Hello") {
element.innerHTML = "Goodbye";
} else {
element.innerHTML = "Hello";
}
}