freecodingcamp-CSS 基础

使用行内样式来设置元素的样式

举例

<h2 style="color: red;">CatPhotoApp</h2>

请注意行内style最好以;来结束。

*使用元素选择器来设置元素的样式

通过行内样式<h2 style="color: red;">CatPhotoApp</h2>，就可以修改h2元素的颜色为红色。
当我们只需要改变元素的某个样式时，行内样式最简单直观。当我们需要同时改变元素的很多样式时，层叠样式表往往是一个更好的选择。
在style样式声明区域内，可以创建一个元素选择器，应用于所有的h2元素

<style>
  h2 {
   color: red;}
</style>

注意，在每个元素的样式声明区域里，左右花括号（{ 和 }）一定要写全。你需要确保所有样式规则位于花括号之间，并且每条样式规则都以分号结束。

使用 class 选择器设置单个元素的样式

一个 CSS class声明示例

<style>
  .blue-text {
   
    color: blue;
  }
</style>

可以看到，我们在

你可以将 CSS class选择器应用到一个HTML元素里，如下所示：

<h2 class="blue-text">CatPhotoApp</h2>

注意：在style样式区域声明里，class需以.开头。而在 HTML 元素里，class属性的前面不能添加.。

使用 class 选择器设置多个元素的样式

通过 CSS class 选择器，多个 HTML 元素可以使用相同的 CSS 样式规则
举例

<style>
  .red-text {
   
    color: red;
  }
</style>

<h2 cla