css中怎样定义根元素字体

CSS中通过:root伪类来定义网页根元素的样式，包括字体大小、颜色等，具体如下:

:root {
    font-size: 16px; /*设置字体大小*/
    color: #333; /*设置字体颜色*/
    font-family: Arial, sans-serif; /*设置字体类型*/
} 

此时，根元素即html元素上的字体大小为16像素，颜色为#333，字体类型为Arial或者sans-serif。

在定义根元素字体大小时，可以使用相对单位em，px等，它们的具体区别如下:

• em：相对于父元素字体大小的值，例如，父元素字体大小为16px，那么1em表示16px。
• rem：相对于根元素字体大小的值，例如，根元素字体大小为16px，那么1rem也表示16px。
• %：相对于父元素的宽度或高度，例如，父元素的宽为100px，那么50%表示50px。
• px：绝对单位，固定像素值。

下面是使用em和rem来设置根元素字体大小的示例代码:

:root {
    font-size: 16px;
}
h1 {
    font-size: 2em; /* 父元素字体大小是16px，所以h1字体大小是32px*/
}
p {
    font-size: 1rem; /*根元素字体大小是16px，所以p字体大小是16px*/
} 

通过以上代码，可以在文档中轻松地设置根元素字体大小、样式等，让网页具有更好的阅读体验。