如果您正在构建网站，那么您将从HTML.。使用此标记语言，您可以添加标题，段落，图像，表格，表单，列表等。但是，您无法控制这些元素如何在页面上呈现或布局。这就是CSS进入的地方。

CSS描述了页面如何查找浏览器，这相应地呈现。CSS可用于各种各样的风格目的，包括在页面上更改文本和背景颜色那从链接中删除下划线， 和动画图像，文本和其他HTML元素。

如果您想要更好地控制您网站的外观，那么您需要知道如何将CSS添加到您的网站上。让我们开始吧。

从技术上讲，您可以在同一网站上使用所有三种样式。要了解如何，您需要知道CSS代表“级联样式表”。级联位很重要。这意味着样式可以继承并覆盖先前已声明的其他样式。

因此，内联风格添加到元素 - 如样式=“字体重量：粗体;”- 始终覆盖文档部分中定义的样式，该样式覆盖外部样式表中定义的样式。这是一种简单的方法来记住这一点：无论CSS最接近HTML是否最接近HTML，都被浏览器更相关，因此将应用。这个层次结构被称为CSS特异性。

因为内联CSS具有最高的特异性，所以最好谨慎使用它，如果有的话。想象一下你是重新设计您的网站。您有一个外部样式表，您可以将CSS与HTML分开。您的重新设计的一部分正在将字体的颜色从黑色更改为灰色。您将在外部文件中进行更改，保存，然后查看您的网站。除了主页上的一个段落外，所有字体都已更改。奇怪的。

现在您必须打开HTML文件来调试代码。您开始滚动并查找具有内联CSS的rogue样式属性定义此段落。在这个假设的情况下，您可以删除样式属性并解决问题。位想象一下您网站的每个页面都有一个样式属性。跟踪每个人，以确保它们不会与外部样式表中的CSS冲突会耗时和令人沮丧。

下面我们将通过每个方法行走，将CSS添加到HTML和每个每个方法。

如何将内联CSS添加到HTML

虽然应该在可能的情况下避免内联CSS，但它有效地定位一个具有唯一样式属性的单个元素。

要添加内联CSS，您需要使用样式属性并将其放在HTML元素的“打开标记”中。这是一个例子。让我们说你想把你的主页上标题的颜色改为热粉红色，并留下另一个标题。然后您可以将Color属性设置为十六进制颜色代码对于热粉色（＃CC0099），将其放在一个样式属性中，并将整个东西放在H1标签内。检查下面。

这是定义标题和段落的HTML。请注意，它们包裹在标签中。

抢眼标题
这是一个普通的段落。由于页面的默认文本颜色为黑色，因此段落是黑色的。将标题更改为热粉色使其真的脱颖而出。

这是一个看起来如何在前端看：

图像源码

如何将内部CSS添加到HTML

使用内部CSS被认为是比使用内联CSS更好的练习。由于它将CSS和HTML分成不同的部分，但将其保持在同一文件中，这是一个适用于单页网站的理想选择。

内部CSS看起来与内联CSS不同。CSS属性和值仍然设置，但它不是放在样式属性中，它被放置在括号内并由a定义CSS选择器。然后将此规则集包裹在