Bootstrap 框架中 标签的默认尺寸是多少?
在本文中,我们将了解引导框架为标签提供的默认大小。
Bootstrap是一个很棒的 CSS 和 javascript 框架,用于创建快速且易于制作的漂亮且响应迅速的网站。它非常容易学习,并提供了许多预构建的组件,可以直接添加到您的 HTML 中,让您的网站轻松运行。默认情况下,Bootstrap 会更新标签以提供更好的页面范围默认值。
Bootstrap 在 body 标签上应用以下属性:
font-size: 1rem;
margin: 0;
注意: Bootstrap 假定浏览器应用的默认字体大小“16px”等于 1rem。
因此,这些是引导程序在 HTML 中的标记上应用的默认大小。让我们看一下示例以查看这些默认大小的效果:
示例 1:了解默认边距值的影响
HTML
Hello, world!
HTML
Hello, world!
GeeksForGeeks
Right now reading about default sizes
applied by the bootstrap
On the body tag
输出:
请注意,在第一张图片中,边界和
标签之间没有空格。这是因为引导程序已将边距设置为 0 ,它会覆盖浏览器应用的默认边距。
font-size 值的影响: 字体大小等于 1 rem 意味着
标签或任何普通文本的默认字体大小等于 1rem。并且 1rem 转换(默认)为 16px。因此,默认字体大小为 16px。
示例 2:了解 font-size 值的影响
HTML
Hello, world!
GeeksForGeeks
Right now reading about default sizes
applied by the bootstrap
On the body tag
输出:正如您在所有文本中看到的那样,无论是a 、 p还是span或根本没有任何标签,大小等于1rem或16px (默认情况下)。