CSS教程-如何添加CSS

如何添加CSS

将CSS添加到HTML页面中，可以根据样式表中的信息来格式化文档。有三种方法可以在HTML文档中插入CSS。

1. 内联CSS（Inline CSS）
2. 内部CSS（Internal CSS）
3. 外部CSS（External CSS）

1) 内联CSS（Inline CSS）

内联CSS用于在单行或单个元素上应用CSS。

例如：

<p style="color:blue">Hello CSS</p>

2) 内部CSS（Internal CSS）

内部CSS用于在单个文档或页面上应用CSS。它可以影响页面上的所有元素。它写在HTML的head部分的style标签内。

例如：

<style>
p { color:blue }
</style>

3) 外部CSS（External CSS）

外部CSS用于在多个页面或所有页面上应用CSS。在这种情况下，我们将所有的CSS代码写在一个CSS文件中。它的扩展名必须为.css，例如style.css。

例如：

p { color:blue }

您需要像这样将style.css文件链接到HTML页面：

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

链接标签必须放在HTML的head部分中。