淘先锋技术网

首页 1 2 3 4 5 6 7

在HTML中,我们常常需要使用CSS来为网页添加样式。那么,如何将CSS导入到HTML中呢?

首先,我们需要一个CSS文件。CSS文件是一种文本文件,其中包含了关于网页的样式信息,如字体、颜色、布局等等。我们可以使用文本编辑器来创建CSS文件,命名为“style.css”或其他命名方式均可。

/*样式CSS文件*/
body {
font-family: Arial, sans-serif;
color: #333;
}
h1 {
font-size: 2.5rem;
text-align: center;
}
p {
font-size: 1.2rem;
}

接下来,在HTML文件的头部使用标签来导入CSS文件。在标签的href属性中指定CSS文件的路径,如下所示:

<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的网页,使用CSS来添加样式效果。</p>
</body>
</html>

其中,标签要放在

标签内。href属性的值需要根据CSS文件所在的路径进行设置,此处假设CSS文件和HTML文件在同一文件夹内。

当浏览器解析HTML文件时,会自动加载CSS文件,并应用其中的样式信息。这样,我们就能够轻松地为网页添加样式了。