css引入的三种方式

作者：花小泽ノ发布日期:2025-12-17 浏览:75

<!-- 内联样式 (Inline Style) -->
<p style="color: blue; font-size: 16px;">这是一个使用内联样式的段落。</p>
<!-- 内联样式直接在HTML标签中使用style属性定义样式。这种方式适合少量的样式定义，但不利于维护和复用。 -->

<!-- 内部样式表 (Internal Style Sheet) -->
<head>
    <style>
        p {
            color: green;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <p>这是一个使用内部样式表的段落。</p>
</body>
<!-- 内部样式表将样式定义放在HTML文档的<head>部分内的<style>标签中。这种方式适用于单个页面的样式定义。 -->

<!-- 外部样式表 (External Style Sheet) -->
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <p>这是一个使用外部样式表的段落。</p>
</body>
<!-- 外部样式表将样式定义放在一个单独的CSS文件中，并通过<link>标签引入。这种方式适合多个页面共享相同的样式，便于维护和管理。 -->

上一篇：css设置透明度

下一篇：css 过渡