如果都没有，那么就使用用户自己电脑的默认字体
这个你可以上CSS黑板报找很详细的相关说明
直接百度搜索：CSS黑板报，第一个就是了
sans-serif就是无衬线字体，是一种通用字体族。
常见的无衬线字体有 Trebuchet MS，Tahoma，Verdana，Arial，Helvetica，中文的幼圆、隶书等等。
font-family最后加上sans-serif，也是为了保证能够调用这个字体族里面的字体，因为大多数计算机里都有这种字体。
扩展资料：
在字体排印学里，衬线指的是字母结构笔画之外的装饰性笔画。有衬线的字体叫衬线体（serif）；没有衬线的字体，则叫做无衬线体（sans-serif）。
主要可以分为以下几类：
Grotesque：
Grotesque－－早期的无衬线字体设计，如Grotesque或 Royal Gothic体
Neo-groteque（Transitional or Realist）：
新grotesque或称为过渡体－－目前所谓的标准无衬线字体，如Helvetica（瑞士体）， Arial和Univers体等
Humanist：
古典体或称为人文主义体－－（Johnston、Frutiger、Gill Sans、Lucida、Myriad、Optima、Segoe UI、Tahoma、Trebuchet MS、Verdana）。这些字体是无衬线字体中最具书法特色的，有更强烈的笔画粗细变化和可读性。
Geometric：
几何体－－（Avant Garde、Century Gothic、Futura、Gotham）。顾名思义，几何无衬线体是基于几何形状的，透过鲜明的直线和圆弧的对比来表达几何图形美感的一种无衬线字体。
font-family 是规定一个字体列表，从左至右顺序从系统中检索，如果检索到了则使用，否则继续检索下一个，直到全部检索不到才使用系统默认字体（Windows中文版下就是宋体）。
其中 Arial 和 Helvetica 都是西文字体，里面是不包含中文字符的，如果是渲染中文字符时，即使系统中包含这两种字体，也会去按照靠后的宋体来渲染。
而 sans-serif/serif 表示无衬线/有衬线字体。它们表示的并非具体某一个字体，而是一类字体。Arial 和 Helvetica 都是无衬线字体，而宋体则是有衬线的。两者的区别题主可以另行搜索。
font-family: Arial, Helvetica, sans-serif, "宋体"翻译过来就是，假设有一段文字，每个字符按照 Arial、Helvetica、无衬线字体、宋体的顺序来渲染。
