HTML文本

本文介绍了网页设计中字体的五大分类:衬线、非衬线、等宽、草书和虚幻字体,以及如何设置字体类别以供浏览器选择。同时,讲解了行高的概念,包括文字实际高度、设置方式和常见值,如像素、倍数和百分比。此外,还提到了通过设置行高实现单行文本垂直居中和在`font`属性中指定行高的方法。
摘要由CSDN通过智能技术生成

一、字体的分类

在网页中将字体分成5大类:

          serif  ['serif](衬线字体)

          sans-serif(非衬线字体)

          monospace (等宽字体)

          cursive ['kə:siv](草书字体)

          fantasy  ['fæntəsi](虚幻字体)

      可以将字体设置为这些大的分类,当设置为大的分类以后,

        浏览器会自动选择指定的字体并应用样式

      一般会将字体的大分类,指定为font-family中的最后一个字体 ,用来兜底

二、行间距

1、行高(line height)

            文字占有的实际高度

           行高=上间距+字体的大小+下间距

             其中,字体是垂直居中显示,上间距=下间距

            line-height  设置行高

               可选值:

                 1、直接放一个大小,例如:40px

                 2、还可以放倍数,是当前字体大小的倍数

                 3、可以放百分比

         2、单行文本在父元素中垂直居中

         只要设置父元素的行高和高度一致即可

         3、font中也可以指定行高

          font:字体大小/行高  字体类型;

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值