选择器、font、<link>标签的rel &

** 选择器 **

< style>
.silen{color:blue;}
< /style>

< h2 class="silen">html编程入门教程< /h2>

注意：在CSS中，类选择器应该添加 . 为前缀。
而在HTML中，class属性不能添加.为前缀。
这是因为在CSS中如果类选择器前不添加. 浏览器就会误认为类选择器是一个元素选择器。

---

** font**
font-family字体
font-size字号

---

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

p {
font-size: 16px;
font-family: Monospace;
}
</style>

---

** <link>标签的rel属性 **
rel 属性规定当前文档与被链接文档之间的关系。
只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到了部分支持。

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

stylesheet是文档的外部样式表。
type 属性规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 "text/css"，该类型描述样式表。

link标签来引入谷歌的Lobster字体，之后才可以将Lobster作为font-family属性应用在对应位置：

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

---

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

• Monospace：等宽字体
• Serif：衬线字
• Sans-Serif：非衬线字

在Helvetica字体不可用时自动降级使用Sans-Serif字体，使用如下CSS样式：

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

---