html引入css代码

作者：洮娦ゞ发布日期:2025-11-01 浏览:97

<!DOCTYPE html>
<html>
<head>
    <!-- 在<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>
    <!-- 在<head>标签内通过<style>标签引入内部CSS代码 -->
    <style>
        body {
            background-color: lightblue;
        }
        h1 {
            color: navy;
            margin-left: 20px;
        }
    </style>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>

解释说明：

<style>标签内的CSS代码会应用于整个HTML文档。这种方式适合少量的样式定义，或者当不想创建单独的CSS文件时使用。

上一篇：html行间距怎么设置

下一篇：html解析器