欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

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

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

不同元素的尺寸单位可能不同,例如对字体大小的单位有:像素/em/百分比等方式;对div宽度的单位有:像素/百分比等等。

使用像素设置文本大小,如下:

font-size: 30px;

使用em来设置字体大小,如下:

font-size: 3.75em;

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

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

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

例如<body style="font-size: 20px;"><div style="font-size: 3em;">简介</div></body>

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

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

练习:

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

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-jiaocheng/tc58881.shtml