2023-03-30 15:49:53 在HTML中,可以使用link标签或者style标签引入CSS样式。
在HTML中,可以使用<link>标签或者<style>标签引入CSS样式。
1、使用<link>标签引入CSS
<link>标签是HTML中用于引入外部资源的标签,可以将CSS文件与HTML文件分离。在HTML文件中,使用<link>标签来引入外部CSS文件,如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- HTML内容 -->
</body>
</html>
在上面的示例中,<link>标签的rel属性指定了关系类型为stylesheet,href属性指定了CSS文件的路径。
2、使用<style>标签引入CSS
<style>标签用于在HTML文件中嵌入CSS代码。在<head>标签中使用<style>标签,如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Website</title>
<style>
/* CSS样式 */
</style>
</head>
<body>
<!-- HTML内容 -->
</body>
</html>
在<style>标签中,可以编写CSS样式代码。这种方式通常用于小型项目或样式较少的页面,因为将CSS样式分离到单独的文件中可以更好地管理代码和样式。
需要注意的是,使用<style>标签内嵌CSS样式时,如果样式代码较多,会使HTML文档变得冗长,不利于维护。因此,通常将CSS样式存放在单独的CSS文件中,再通过<link>标签引入到HTML文件中。