CSS字体一些小技巧（良好习惯）
浏览数：27 /
时间：2015年06月09日
一般而言，页面中的字体有以下几个要控制的：
字体 font-family
大小 font-size
颜色 color
粗细 font-weight
装饰 text-decoration
(1)font-family
font-family中一共有5个字体系列
sans-serif,serif,monospace,cursive,fantasy，每个字体系列包含大量字体，具体的就不在这里都说了
主要是为了让不同的浏览用户正常查看页面，就要考虑各种用户之间的字体区别，要为字体设置候选方案，如
body{
font-family: Verdana,Geneva,Arial,sans-serif;
}只要前面一种字体不行，浏览器就会检查后面的字体，最后放一个sans-serif就是使用浏览器中sans-serif体系中的默认字体，万金油
(2)font-size
一个页面定义一个基本字体大小，使用body元素的选择器
body{
font-size: small;
}因为每个标签会集成父标签的属性，因此别的标签都使用比例来控制大小,比如h1标签:
h1{
font-size: 220%;
}这样的结果是，整个页面的字体大小都是和基本字体大小成比例的，只要对基本字体的大小改动，别的字体就可以自动变成合适的大小，保持页面的美观和谐
(3)text-decoration
为字体增加删除线时
p{
text-decoration: line-through;
}不妨使用html的<del>元素，它也是表示要删除的内容而且也自带横线，这样就为内容增加含义了
以上内容主要是我看head first的书籍总结的
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
