css中rem用法 |css3 字体凹陷效果

html {
font-size: 16px;
}
h1 {
font-size: 2rem; /* 相对于根元素的字体大小为32px */
margin-bottom: 1.5rem; /* 相对于根元素的字体大小为24px */
}
p {
font-size: 1rem; /* 相对于根元素的字体大小为16px */
line-height: 1.5rem; /* 相对于根元素的字体大小为24px */
}

使用rem单位的好处在于，可以让整个网站的字体大小和间距保持一致，而不是按照不同的元素来设置，这样可以让网站看起来更加统一和美观。

另外，要注意的是，rem单位在不同的浏览器和设备之间可能会有一些差异，因此还需要根据实际情况进行调整和适配，确保网站的表现一致。