📌  相关文章
📜  给定的默认尺寸是多少<body>Bootstrap 框架中的标签?

📅  最后修改于: 2022-05-13 01:56:16.757000             🧑  作者: Mango

Bootstrap 框架中 标签的默认尺寸是多少?

在本文中,我们将了解引导框架为标签提供的默认大小。

Bootstrap是一个很棒的 CSS 和 javascript 框架,用于创建快速且易于制作的漂亮且响应迅速的网站。它非常容易学习,并提供了许多预构建的组件,可以直接添加到您的 HTML 中,让您的网站轻松运行。默认情况下,Bootstrap 会更新标签以提供更好的页面范围默认值。

Bootstrap 在 body 标签上应用以下属性:

font-size: 1rem;
margin: 0;

注意: Bootstrap 假定浏览器应用的默认字体大小“16px”等于 1rem。

引导程序在 body 标记上应用的属性

字体大小的值

因此,这些是引导程序在 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        

输出:正如您在所有文本中看到的那样,无论是ap还是span或根本没有任何标签,大小等于1rem16px (默认情况下)。