html 引入css

作者：缺爱╮不缺钙发布日期:2025-05-30 浏览:47

<!DOCTYPE html>
<html>
<head>
    <!-- 通过<link>标签引入外部CSS文件 -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>

解释说明：

<link rel="stylesheet" href="styles.css">：这行代码用于在HTML文档中引入外部的CSS文件。rel="stylesheet" 表示链接的资源是样式表，href="styles.css" 指定了CSS文件的路径。

如果需要在HTML中直接写入CSS样式，可以使用<style>标签：

<!DOCTYPE html>
<html>
<head>
    <!-- 在HTML文档中直接定义CSS样式 -->
    <style>
        body {
            background-color: lightblue;
        }
        h1 {
            color: navy;
        }
        p {
            color: red;
        }
    </style>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>

解释说明：

<style> 标签用于在HTML文档的<head>部分定义CSS样式。这种方式适合少量的样式定义或临时使用。

上一篇：网页仅html的保存内容

下一篇：html5新增标签