CSS中的font-size属性使用教程

基本语法结构：

Font-size+字体大小数值+单位
单词：font-size
语法：font-size : absolute-size | relative-size | length
取值：xx-small | x-small | small | medium | large | x-large | xx-large
xx-small:最小
x-small:较小
small:小
medium:正常(默认值)，根据字体进行调整
large:大
x-large:较大
xx-large:最大
也可取具体长度单位值

可用的单位

有几种不同的方法可以在CSS中声明字体大小。总的来说，这些单位分为两类——相对和绝对。 绝对单位（大多）是固定的，并且涉及到一些物理的测量。他们一旦被声明，将不能通过改变其他元素的字体大小来改变他的大小。

相对单位没有一个客观的测量。相反，它们的实际大小是通过父元素的尺寸来确定的。这意味着他们的大小可以通过改变相关元素的大小来改变。

下面是一些单位的概要描述——

在这里你可以看到单位的详细列表，但我将专注于我认为最常用的单位——px, pt, %, em, rem, 和 vw。
他们有什么区别？

这些单位之间的差异可能很难通过概念理解，所以最好的方式就是通过例子来展示他们之间的差异。
例子1——默认设置

在一个空白的HTML文档内，你没有任何关于字体大小的声明而只使用默认设置。在大多数浏览器上为html和body标签的默认字体大小为100%。这等同于如下算式——

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表