CSS中font-size属性值四大种类

本文和大家重点学习一下CSS中font-size属性值四大种类,我们用px作为文字大小的单位,已经出现很多问题,现在IE浏览器是主流,但我们不能通过浏览器设置文字大小,因为我们用px作为文字大小的单位。

CSS中font-size属性值四大种类

我们逐渐意识到,我们用px作为文字大小的单位,已经出现很多问题。最主要是体现在用户不能灵活的控制文字的大小,现在IE浏览器是主流,但我们不能通过浏览器设置文字大小,因为我们用px作为文字大小的单位。

一、长度单位

长度单位分为两种,一种是相对长度,另一种是绝对长度。
以下为三种相对长度单位:
◆em相对于父对象的大小
◆ex相对于特定字体中的字母x的高度
◆px相对于特定设备的分辨率,这是最最常用的单位,也是我们一直坚守的单位。从技术角度来说,px像素其实是一种相对大小的度量单位,它于特定设备的显示或打印的分辨率有关。例如,一个像素在被显示在计算机屏幕上与被打印在纸张上的大小是不同的。

以下为五种font-size属性值绝对长度单位:

绝对长度单位在打印时或在屏幕显示设备的物理尺寸已知时才比较有用。
◆in英寸
◆cm厘米
◆mm毫米
◆pt点
◆pc12点活字

二、相对大小的关键字

font-size属性值相对大小的关键字只有两个值:
◆larger
◆smaller
这两个值的设定与父对象的设定值有关。我们可以像理解老式的<small><big>那样来理解它们。它们是设定文字大小的最基本的方式,并会受到上层对象的文字大小定义的影响。

三、绝对大小的关键字

这类关键字共有7个,他们的实际大小根据不同的浏览器及设备来决定。

◆xx-small
◆x-small
◆small
◆medium
◆large
◆x-large
◆xx-large

W3C建立建议浏览器开发公司,将每个关键字之间的比例设定为1.5。并推荐让这个比例保持恒定,妈medium是small的1.5倍。同样large是medium的1.5倍。

四、百分比

相关推荐