css 字号占满容器 css字号怎么设置

一、行高

CSS中，所有的行，都有行高。盒模型的padding，绝对不是直接作用在文字上的，而是作用在“行”上的。
基本语法：

line-height: 40px;

文字，是在自己的行里面居中的。比如，现在文字字号14px，行高是24px。那么：

注意：

• 为了严格保证字在行里面居中， 行高、字号一般都是偶数。这样，它们的差，就是偶数，就能够被2整除。
• 如果行高不是偶数，则文字下面的行高比上面的大1.上例中，如果行高25，字号14，那么“国”字下面的行高是6px，上面的行高是5px。
• 单行文本垂直居中，只需要行高=盒子高。
• 多行文本垂直居中需要设置盒子的padding

二、font属性

使用font属性，能够将字号、行高、字体一起设置。
基本语法：

font: 14px/24px “宋体”;

等价于：

font-size:14px;
line-height:24px;
font-family:"宋体";

注意：

• font-family用来设置“字体”，如果设置的字体，用户电脑中没有下载安装，会自动变成宋体。 页面中，中文我们只使用： 微软雅黑、宋体、黑体；英语：Arial 、 Times New Roman。 如果页面中，需要其他的字体，那么需要切图。
• 为了防止用户电脑里面没有一种字体。可以用英语的逗号隔开备选字体。就是说如果用户电脑里面没有安装第一种字体体，那么第二种字体将会替代第一种字体在网页中显示。要将英语字体放在最前面，这样所有的中文就不能匹配英语字体，就自动的变为后面的中文字体：

font-family:  "Times New Roman","华文云彩","微软雅黑";

备选字体可以无数个，需要用逗号隔开。英语字体，放在最前面，这样所有的中文，就不能匹配英语字体，就自动的变为后面的中文字体。中文字体，都有英语别名，
微软雅黑的英文名：
font-family: "Microsoft YaHei";
宋体英文名：

font-family: "SimSun";

• font属性能够将font-size、line-height、font-family合三为一：

font:12px/30px  "Times New Roman","Microsoft YaHei","SimSun";

• 行高可以用百分比，表示字号的百分之多少。一般来说，都是大于100%的，因为行高一定要大于字号。

font:12px/200% “宋体”

等价于：

font:12px/24px “宋体”;