尺寸单位

这里要学习一个新的概念，就是尺寸单位。用于描述大小的单位就是尺寸单位。

例如，描述文字的大小，描述文字行的高度，描述div的宽度，描述行与行之间的间距，等等。

不同元素的尺寸单位可能不同，例如对字体大小的单位有：像素／em／百分比等方式；对div宽度的单位有：像素／百分比等等。

使用像素设置文本大小，如下：

font-size: 30px;

使用em来设置字体大小，如下：

font-size: 3.75em;

em单位相当于倍数关系，1em等于当前的字体尺寸，浏览器默认的文本大小是16像素，因此1em的默认尺寸就是16像素，3.75em相当于60像素。

注意：所谓当前的字体尺寸，就是指当前元素的字体尺寸，如果当前元素未定义字体尺寸，则等于当前元素的父元素的字体尺寸。

所谓父元素，是指当前元素的嵌套关系的上一级元素。

例如

可以计算出div这个元素的字体大小为60px。

由此，可以总结出像素是绝对的，不受上下级关系的影响，而em是受上下级关系的影响的，要根据具体情况来使用。

练习：

在body的 style里面增加font-size属性，然后将div的font-size属性修改为em单位，调整数值熟悉两种方式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！