（8）字体

body
{
font-family:Verdana,Geneva,Arial,sans-serif;
}//四种字体优先级按顺序，如果前一种用户没有，则使用下一种，最后是默认的
 字体。

如果我们想让用户使用服务器中预存的字体，需要使用@font-face:
加载：

@font-face{font-family:"emblema one";      //这个名字是自己起的，最好与字体名字相同。
src:url("http://...com/../.../../emblemaone-regular.woff"),
     url("http://...com/../.../../emblemaone-regular.ttf");
}
//.woff和.ttf就是字体文件，他们储存在服务器中，不同的后缀为了，适应不同的浏览器。浏览器会加载每一个，直到找到支持的。

使用：

h1{
font-family:"emblema one",sans-serif;
}

字体大小

body{font-size:small;}//small是关键字直接确定字体大小，
类似的方式有直接确定像素：如14px等等。
h1{font-size：150%；}
h2{font-size:1.2em;}
h1，h2都是以父类字体大小作为基础，确定大小。
只需要改变body字体大小，其他字体随之改变。
{line-height:1.6em;}//调整行高为字体的1.6倍。

字体粗细

body{font-weight:bold;}//加粗。
h1{font-weight：normal;}//使加粗的字体恢复正常。

字体样式：

font-style:italic;
font-style:oblique;
//字体倾斜与文本倾斜，很难看出区别。

颜色：

body
{//与颜色相关的集中表达方式
background-color:sliver;
background-color:rgb(80%,40%,0%);//红绿蓝三元色。
background-color:rgb(204,102,0);//红绿蓝三原色。
background-color: #cc6600;//十六进制表示颜色的办法。
}

文本装饰：

body{
text-decoration:line-through;//文本中间穿过横线。
text-decoration:overline underline;//上下划线，想要同时叠加，必须在一起声明。
text-decoration:none;//取消装饰。

QQ20160425-0@2x.png
QQ20160425-1@2x.png