前端入门学习笔记（十六）CSS入门（四）字体选择以及颜色 font-family、font-size、font-style、font-weight、font-variant、color

font-fmily

font-family 规定元素的字体系列。font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。

Generic 为通用字体，Font 为特定字体，指定通用字是一个很好的习惯，当某个特定字体无法使用，就可让浏览器在通用系列中选择相似的字体。

若字体名由多个单词组成，则需要将其名字放在引号中如"Times New Roman"

使用方法

CSS 部分代码（可写在style内）
p.serif {
   font-family: "Times New Roman", Times, serif;
}
p.sansserif {
   font-family: Helvetica, Arial, sans-serif;
}
p.monospace {
   font-family: "Courier New", Courier, monospace;
}
p.cursive {
   font-family: Florence, cursive;
}
p.fantasy {
   font-family: Blippo, fantasy;
}

HTML部分代码

<p class="serif">
   This is a paragraph shown in serif font.
</p>
<p class="sansserif">
   This is a paragraph shown in sans-serif font.
</p> 
<p class="monospace">
   This is a paragraph shown in monospace font.
</p> 
<p class="cursive">
   This is a paragraph shown in cursive font.
</p> 
<p class=