CSS系列：CSS文字样式
浏览数：35 /
时间：2015年06月09日
1. 设置字体
在CSS中字体通过font-family属性来设置。
font-family: Verdana, Arial, Helvetica, sans-serif;
上面的字体设置告诉浏览器首先在访问者的计算机中寻找Verdana字体。如果该访问者的计算机中没有Verdana字体，则寻找Arial字体。若没有Arial字体，再依次寻找Helvetica、sans-serif字体。如果这4种字体都没有，则使用浏览器的默认字体显示。
font-family属性可以同时声明多种字体，字体之间用逗号分隔开。另外一些字体的名称中间会出现空格，如Times New Roman，这时需要用双引号将其引起来，使浏览器知道这是一种字体的名称。
2. 文字的大小
CSS通过font-size属性来设置文字的大小。
font-size: 12px;
长度单位：
◊ px 表示在浏览器上1个像素的大小；
◊ em 1em表示在其父元素中字母m的标准宽度；
◊ ex 1ex表示字母x的标准高度。
3. 行高
CSS中通过line-height属性设置。在CSS中line-height的值表示两行文字之间基线的距离，即每行文字的高度。如果给文字加上下划线，下划线的位置就是文字的基线。
line-height: 30px;
除了可以使用px等作为行高的单位，也可以不加任何单位，此时行高应该写成与字体大小的比值。
line-height: 1.5;
CSS中字体、大小和行高的组合：
font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
4. 文字颜色
color: blue;
color: #0000FF;
color: rgb(0,0,255);
color: rgb(0%,0%,100%);
5. 空白折行
white-space: nowrap;
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
