一、link和@import的区别
页面中引入的方式有三种：
1.在行内定义style属性
2.页面头部内嵌<style>标签
3.通过link和@import链接样式表
<link rel="stylesheet"type="text/css" href="css文件">
<style>
@import css文件;
@import 'css文件';
@import "css文件";
@import url(css文件);
@import url('css文件');
@import url("css文件");
</style> import的写法比较多
@import ‘style.css’ //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import “style.css” //Windows IE4/ NS4, Macintosh IE4/NS4不识别
@import url(style.css) //Windows NS4, Macintosh NS4不识别
@import url(‘style.css’) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import url(“style.css”) //Windows NS4, Macintosh NS4不识别
推荐使用 @import url(index.css);
link和@import的区别：
差别1：归属（老祖宗）
link属于XHTML标签，而@import属于css提供的一种方式。
Link除了加载css之外，还可以做其他事情，比如定义RSS，定义rel连接属性等，@import只能加载CSS了。
差别2：加载顺序
当页面被加载的时候，link引入的css会同时被加载，@import引入的css只能等到页面全部被下载完再加载，如果网速慢的话，这种情况表现的就很明显。
差别3：兼容性
@import是由CSS 2.1提出的，所以老的浏览器不支持，只有IE5以上才能识别，link无此问题
差别4：使用DOM操作样式
使用dom只能控制link引入的样式
差别5：@import还可以在CSS中引入其他样式表
差别6：link引入的css的权重高于@import引入的css
二、font-family
font-family 属性设置文本的字体系列。
为什么要用“后备”机制？
font-family 属性应该设置几个字体名称作为一种”后备”机制，浏览器优先使用排在前边的字体，如果浏览器不支持第一种字体，他将尝试下一种字体。如果所列出的字体都无法满足需要，则让操作系统自行决定使用哪种字体。
注意: 如果字体系列的名称超过一个字，它必须用引号，如Font Family："宋体"。
多个字体系列是用一个逗号分隔指明：
p{font-family:"Times New Roman", Times, serif;}
