freecodecamp---------css

1.1 字体

有几种默认的字体是所有浏览器都可用的，包括Monospace、Serif和Sans-Serif。

当某种字体不可用时，你可以让浏览器自动降级到另一种字体。

例如，如果你想让段落的字体为Helvetica，但你同时想在Helvetica字体不可用时自动降级使用Sans-Serif字体，你可以使用如下CSS样式：

p {
  font-family: Helvetica, Sans-Serif;
}

1.2 多个class

你可以应用多个class到一个元素，只需要在多个class之间用空格分开即可。例如：

<img class="smaller-image thick-green-border"...

1.3 边框圆角

我们可以通过CSS的一个叫==border-radius(边框半径)==的属性来让它的边框变成圆的。
除了像素，你还可以使用百分比来指定border-radius边框半径的值。50%是一个圆环

1.4 form

使用HTML来构建可以跟服务器交互的Web表单(form)，通过给你的form元素添加一个action属性来达到此目的。
action属性的值指定了表单提交到服务器的地址。

例如：

<form action="/url-where-you-want-to-submit-form-data"></form>

1.5 表单必填项

当你设计表单时，你可以指定某些选项为必填项(required)，只有当用户填写了该选项后，用户才能够提交表单。

例如，如果你想把一个文本输入字段设置为必填项，在你的input元素中加上required属性就可以了，你可以使用：

<input type="text" required>

1.6 防止css覆盖

很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用 !important。

让我们再回到我们的 pink-text class 声明。还记得不？我们的 pink-text class 被随后的 class 声明、id 声明和行内样式所覆盖了。

让我们来给 pink-text 元素的 color 声明加上关键字 !important，以便 100% 确保你的 h1 元素是粉色的。

举例如下：

color: pink !important;# 1.css

1.1 字体

有几种默认的字体是所有浏览器都可用的，包括Monospace、Serif和Sans-Serif。

当某种字体不可用时，你可以让浏览器自动降级到另一种字体。

例如，如果你想让段落的字体为Helvetica，但你同时想在Helvetica字体不可用时自动降级使用Sans-Serif字体，你可以使用如下CSS样式：

p {
  font-family: Helvetica, Sans-Serif;
}

1.2 多个class

你可以应用多个class到一个元素，只需要在多个class之间用空格分开即可。例如：

<img class="smaller-image thick-green-border"...

1.3 边框圆角

我们可以通过CSS的一个叫==border-radius(边框半径)==的属性来让它的边框变成圆的。
除了像素，你还可以使用百分比来指定border-radius边框半径的值。50%是一个圆环

1.4 form

使用HTML来构建可以跟服务器交互的Web表单(form)，通过给你的form元素添加一个action属性来达到此目的。
action属性的值指定了表单提交到服务器的地址。

例如：

<form action="/url-where-you-want-to-submit-form-data"></form>

1.5 表单必填项

当你设计表单时，你可以指定某些选项为必填项(required)，只有当用户填写了该选项后，用户才能够提交表单。

例如，如果你想把一个文本输入字段设置为必填项，在你的input元素中加上required属性就可以了，你可以使用：

<input type="text" required>

1.6 防止css覆盖

很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用 !important。

让我们再回到我们的 pink-text class 声明。还记得不？我们的 pink-text class 被随后的 class 声明、id 声明和行内样式所覆盖了。

让我们来给 pink-text 元素的 color 声明加上关键字 !important，以便 100% 确保你的 h1 元素是粉色的。

举例如下：

color: pink !important;