外部CSS不在浏览器中呈现

有人知道我的外部样式表在浏览器中没有呈现什么吗

两个文件都在同一个目录中，我尝试了多个浏览器，并且多次清除了所有浏览器上的缓存。这可能很小，因为这是我第一次使用外部样式表，但我完全不知所措，因为一切似乎都是正确的

标题{
字体系列：arial；
颜色：红色；
}
重点{
颜色：蓝色；
背景颜色：黄色；
}

级联样式表
利益
级联样式表为web设计人员提供了许多好处。CSS允许您从HTML中分离样式信息，允许您根据网站的需要为不同的目标媒体提供样式表。你可以控制
使用单个样式表显示整个网站的特征，从而使维护和增强显示信息的工作变得不那么繁重。您可以表达多种样式属性，以增加易读性、可访问性和可用性
交付您的内容。您可以构建灵活、固定或响应的页面布局，以满足您的用户和内容需求。正如您将在本章和本书其余部分中看到的，CSS易于学习并应用于您的web设计项目。

由Micheal Platt提供的解决方案：

在外部CSS中，每个类前面都应该有一个

因此：

.heading{
    font-family: arial;
    color: red;
}

.emphasis{
    color: blue;
    background-color: yellow;   
}

---

是正确的解决方案。

由Micheal Platt提供的解决方案：

在外部CSS中，每个类前面都应该有一个

因此：

.heading{
    font-family: arial;
    color: red;
}

.emphasis{
    color: blue;
    background-color: yellow;   
}

---

是正确的解决方案。

在css中遗漏了语句开头的点

.heading {
    font-family: arial;
    color: red;
}

.emphasis {
    color: blue;
    background-color: yellow;   
}

---

css中语句开头的点没有找到

.heading {
    font-family: arial;
    color: red;
}

.emphasis {
    color: blue;
    background-color: yellow;   
}

---

您的html中没有该元素（标题、强调）。你有。重点和。标题。你需要在css上的类之前有一个点不确定这是否是一个输入错误，但是在你的css中应该是

.heading

而不是

heading

。外部CSS文件中的类始终使用

@MichaelPlatt。非常感谢，这就是问题所在。我很惊讶验证器没有发现。再次感谢！您的html中没有该元素（标题、强调）。你有。重点和。标题。你需要在css上的类之前有一个点不确定这是否是一个输入错误，但是在你的css中应该是

.heading

而不是

heading

。外部CSS文件中的类始终使用

@MichaelPlatt。非常感谢，这就是问题所在。我很惊讶验证器没有发现。再次感谢！