HTML CSS

CSS（层叠样式表）用于控制网页的外观和布局。

内联样式

直接在HTML标签中使用 style 属性。

示例

<p style="color: red;">红色文字</p>

在HTML文档的 <head> 区域使用 <style> 标签。

示例

<head>
    <style>
        p { color: blue; font-size: 16px; }
    </style>
</head>

创建一个独立的 .css 文件，然后在HTML中通过 <link> 引入。

style.css

p {
    color: green;
    font-size: 18px;
}

index.html

<head>
    <link rel="stylesheet" href="style.css">
</head>

建议

外部样式表是最佳实践，便于维护和复用。

💻 在线代码编辑器

👁️ 预览效果