行高和字号

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(字体)

网页中不是所有字体都能用哦,因为这个字体要看用户的电脑里面装没装,比如你设置:

  1. font-family: "华文彩云";

如果用户电脑里面没有这个字体,那么就会变成宋体。

页面中,中文我们只使用: 微软雅黑、宋体、黑体。 如果页面中,需要其他的字体,那么需要切图。

英语:Arial Times New Roman

为了防止用户电脑里面,没有微软雅黑这个字体。就要用英语的逗号,隔开备选字体,就是说如果用户电脑里面,没有安装微软雅黑字体,那么就是宋体:

  1. font-family: "微软雅黑","宋体";

备选字体可以有无数个,用逗号隔开。

我们要将英语字体,放在最前面,这样所有的中文,就不能匹配英语字体,就自动的变为后面的中文字体

  1. font-family: "Times New Roman","微软雅黑","宋体";

所有的中文字体,都有英语别名,我们也要知道

微软雅黑的英语别名:

  1. font-family: "Microsoft YaHei";  

宋体的英语别名:

  1. font-family: "SimSun";

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

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

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

  1. font:12px/200% “宋体”

等价于

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

反过来,比如:

  1. font:16px/48px “宋体”;

等价于

  1. font:16px/300% “宋体”

PS:大部分内容取自外部素材!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值