HTML中如何定义引用CSS?

92次阅读
没有评论

在HTML中定义CSS可以使用<style>标签,该标签位于<head>标签中。在<style>标签中,可以编写CSS代码,用于定义HTML文档中的样式。

例如,下面的代码段定义了一个<style>标签,并在其中定义了一个h1元素的样式:

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: red;
font-size: 24px;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

在HTML中引用CSS可以使用<link>标签,该标签位于<head>标签中。在<link>标签的href属性中,指定CSS文件的路径。

例如,下面的代码段引用了一个名为styles.css的CSS文件:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

在styles.css文件中,可以编写CSS代码,用于定义HTML文档中的样式。例如,下面的代码段定义了一个h1元素的样式:

h1 {
color: red;
font-size: 24px;
}
正文完
 
评论(没有评论)