在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文件,并应用其中的样式信息。这样,我们就能够轻松地为网页添加样式了。