Html 为什么css重置后锚定标记的字体大小为18像素?

Html 为什么css重置后锚定标记的字体大小为18像素?,html,css,Html,Css,css重置后,锚定标记的字体大小显示为18px,而段落显示为19px。这是如何计算的,为什么它们不同 /*重置浏览器样式*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,缩写词,地址,大,引用,代码,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,l

css重置后,锚定标记的
字体大小
显示为18px,而段落显示为19px。这是如何计算的,为什么它们不同

/*重置浏览器样式*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,缩写词,地址,大,引用,代码,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,ledge,
表格、标题、tbody、tfoot、thead、tr、th、td、文章、旁白、画布、细节、嵌入、,
figcaption、页脚、页眉、hgroup、菜单、导航、输出、ruby、节、摘要、,
时间、标记、音频、视频{
保证金:0;
填充:0;
边界:0;
字体大小:100%;
垂直对齐:基线;
}
文章、旁白、详细信息、图表、页脚、页眉、H组、菜单、导航、章节{
显示:块;
}
身体{
线高:1.2;
}
ol{
左侧填充:1.4em;
列表样式:十进制;
}
保险商实验室{
左侧填充:1.4em;
列表样式:方形;
}
桌子{
边界塌陷:塌陷;
边界间距:0;
}


段落

您的图片显示的是元素的宽度和高度,而不是字体大小。段落可能比块元素大。

您的图片显示的是元素的宽度和高度,而不是字体大小。段落可能比块元素大。

这不是
字体大小,而是框的高度


两种情况下的字体大小均为16px。

这不是
字体大小,而是框的高度


在这两种情况下,字体大小均为16px。

锚定标记的高度默认为内联元素,是文本字符的高度。这是从字体指标上升的顶部到下降的底部。根据所涉及的字体,可能大于、等于或小于字体大小,但与之成比例


默认情况下,段落的高度是仅包含内联框的块容器元素,是它包含的行框堆栈的行高总和的高度。因为在您的例子中,它只包含一个线框,所以它的高度是该线框的线高度。由于行高默认与字体大小成比例,因此段落的高度也与字体大小成比例,但其比例由用户代理样式表设置,而不是由字体度量设置。

锚定标记的高度默认为内联元素,是文本字符的高度。这是从字体指标上升的顶部到下降的底部。根据所涉及的字体,可能大于、等于或小于字体大小,但与之成比例


默认情况下,段落的高度是仅包含内联框的块容器元素,是它包含的行框堆栈的行高总和的高度。因为在您的例子中,它只包含一个线框,所以它的高度是该线框的线高度。由于行高默认与字体大小成比例,因此段落的高度也与字体大小成比例,但其比例由用户代理样式表设置,而不是由字体度量设置。

我想说的是,这看起来不像18px!那么,我的截图中的这些数字是如何产生的呢?这些是在浏览器考虑了所有因素后(例如,
高度
宽度
行高
字体大小
,等等)框的尺寸。阅读指定的、计算的、使用的和实际值:我想说,这看起来不像18px!那么,我的屏幕截图中的这些数字是如何产生的呢?这些是在浏览器考虑了所有因素(例如,
高度
宽度
行高
字体大小
,等等)后框的尺寸。阅读指定值、计算值、使用值和实际值: