(emphasize) 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。
3.REM是相对单位，是相对HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。
参考资料：百度百科-PX （计算机语言中的像素）
百度百科-EM （HTML术语）
百度百科-Rem （css3中的rem）
CSS之px、em、rem三者的联系与区别
前端唠唠嗑
发布时间：18-07-1619:59
px、em、rem都是计量单位，都能表示尺寸，但是有有所不同，而且其各有各的优缺点。
Px表示“绝对尺寸”（并非真正的绝对），实际上就是css中定义的像素（此像素与设备的物理像素有一定的区别，后续详细说明见文末说明1），利用px设置字体大小及元素宽高等比较稳定和精确。Px的缺点是其不能适应浏览器缩放时产生的变化，因此一般不用于响应式网站。
em表示相对尺寸，其相对于当前对象内文本的font-size（如果当前对象内文本的font-size计量单位也是em，则当前对象内文本的font-size的参考对象为父元素文本font-size）。使用em可以较好的相应设备屏幕尺寸的变化，但是在进行元素设置时都需要知道父元素文本的font-size及当前对象内文本的font-size，如有遗漏可能会导致错误。
rem也表示相对尺寸，其参考对象为根元素的font-size，因此只需要确定这一个font-size。
表1表示在不同环境下em和rem换算成的px。
表1：em、rem换算px表
以下为实例展示。（只显示相关代码，html设定font-size=15px）
相关代码如下：
第一组
h1节点em测试
h1节点rem测试
h1节点em测试
第三组
h1节点em测试
h1节点rem测试
结果如图1所示：
图1：测试结果
说明1：以上所述px为css中定义的像素（以下简称css像素），与实际的物理像素是有区别的，早期电脑屏幕的物理像素与css像素相同，但是随着科技的发展，高精度屏幕开始出现在人们的视野中。以iPhone的Retina屏为例，其物理像素与css像素关系见图2。
图2：Retina屏物理像素与css像素关系图
为此移动端浏览器以及某些桌面浏览器引入了devicePixelRatio（DPR）属性，其官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。而css像素=独立像素，由此我们可以得出 devicePixelRatio = 物理像素 / css像素，进而可以推算出该设备上一个css像素代表几个物理像素。例如iPhone的retina屏的devicePixelRatio = 2，那么该设备上一个css像素相当于2个物理像素。了解更多像素相关知识，可以参考：https://github.com/jawil/blog/issues/21。