元素的字体大小。下面通过代码对比em和rem的区别。"/>

教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

天富娱乐登录彩票 rem是什么?和em单位区别在哪?

更新时间:2020年11月20日10时22分 来源:传智播客 浏览次数:

rem是CSS 3中新增的一种相对长度单位。当使用送彩金的彩票平台大集合时,根节点

的字体大小(font-size)决定了rem的尺寸。

送彩金的彩票平台大集合类似于em单位,em单位表示父元素字体大小,不同之处在于,rem的基准是相对于

元素的字体大小。下面通过代码对比em和rem的区别。

(1)使用em单位,示例代码如下。

 div { font-size: 12px; }div > p { width: 10em; /* 结果为120px */ height: 10em; /* 结果为120px */}

上述代码中,em单位是相对于父元素计算的,子元素的1em等于12px,因此10em就相当于120px。

(2)使用送彩金的彩票平台大集合,示例代码如下。

 html { font-size: 14px; } div { font-size: 12px; } div > p { width: 10rem; /* 结果为140px */ height: 10rem; /* 结果为140px */ }

上述代码中,送彩金的彩票平台大集合是相对于

元素计算的,因此10rem的结果为140px。

与em单位相比,送彩金的彩票平台大集合的优势在于,只通过修改

的文字大小,就可以改变整个页面中的元素大小,使用起来更加方便。


猜你喜欢:

页面怎样排排版更加美观?如何清除浮动标签?

创建超链接的基本语法有哪些?

黑马程序员web前端培训课程 

传智播客web前端培训课程 

0 分享到:
和我们在线交谈!