line-height 行高
作用:让文本垂直居中。
文本在行里面居中
公式----行高:盒子高;
height:40px;
line-height:40px;
如果有时候,不需要给高度的是,我们直接给这个元素设置宽度和行高。
width:100%;
line-height:60px;
行高、字号,一般都是偶数
font属性
能够将字号、行高、字体,能够一起设置
font: 14px/24px “宋体”
等价于三行语句:
font-size:14px;
line-height:24px;
font-family:"宋体";
font-family(字体)
● 网页中不是所有字体都能用哦,因为这个字体要看用户的电脑里面装没装,比如你设置:
|
如果用户电脑里面没有这个字体,那么就会变成宋体。
页面中,中文我们只使用: 微软雅黑、宋体、黑体。 如果页面中,需要其他的字体,那么需要切图。
英语:Arial 、 Times New Roman
● 为了防止用户电脑里面,没有微软雅黑这个字体。就要用英语的逗号,隔开备选字体,就是说如果用户电脑里面,没有安装微软雅黑字体,那么就是宋体:
|
备选字体可以有无数个,用逗号隔开。
● 我们要将英语字体,放在最前面,这样所有的中文,就不能匹配英语字体,就自动的变为后面的中文字体:
|
● 所有的中文字体,都有英语别名,我们也要知道:
微软雅黑的英语别名:
|
宋体的英语别名:
|
font属性能够将font-size、line-height、font-family合三为一:
|
● 行高可以用百分比,表示字号的百分之多少。一般来说,都是大于100%的,因为行高一定要大于字号。
|
等价于
|
反过来,比如:
|
等价于
|
PS:大部分内容取自外部素材!