css行高和字号
2017-05-02 本文已影响0人
锦雯书
1. 行高
CSS中，所有的行都有行高。盒模型的padding并不是直接作用在文字上，而是作用在“行”上。
行高格式：
line-height：40px；
文字是在自己的行里居中的。比如，文字字号14px，行高24px。那么为了严格保证字在行里面居中，那么行高、字号一般都是偶数。这样，它们的差就是偶数，就是够被2整除。
2. 单行文本垂直居中
文本在行里面居中
公式：
行高：盒子高；
图1
行高=盒子高。只适用于单行文本垂直居中！！不适用于多行，如果想让多行文本垂直居中，需要设置盒子的padding：
图2
3、font属性
·使用font属性，能够将字号、行高、字体，能够一起设置。
font：14px/24px "宋体"；
等价于三行语句：
font-size：14px；
line-height：24px；’
font-family：“宋体”；
font-family就是“字体”。
注意：网页中不是所有的字体都能用，能不能用取决于用户的电脑里有没有装该字体。如果没有该字体，就默认变成“宋体”。
页面中，中文只使用：微软雅黑、宋体、黑体。如果页面中需要其他的字体，那么需要切图。
英语：Arial、Times New Roman
备选字体可以有无数个，用逗号隔开。
格式：font-family：“微软雅黑”，“宋体”
如果有英文字体，就要将英文字体放在最前面，这样所有的中文，就不能匹配英语字体，就自动的变为后面的中文字体：
格式：font-famliy："Times New Roman","微软雅黑","宋体"；
所有的中文字体，都有英文别名：
微软雅黑：Microsoft YaHei
宋体：SimSum
·行高可以用百分比，表示字号的百分之多少。一般行高都大于100％。
font：12px/200％ “宋体”
等价于
font：12px/24px“宋体”
