Bootstrap5 文字排版2

简介: Bootstrap 5 默认字体大小为 16px,行高 1.5,字体系列为 "Helvetica Neue", Helvetica, Arial, sans-serif。所有 HTML 标题(h1 至 h6)均有预设样式,段落默认上下间距为 16px。此外,Bootstrap 5 还提供了高亮文本、缩写、引用块和描述列表等元素的样式定义。

Bootstrap5 文字排版2
Bootstrap 5 默认设置
Bootstrap 5 默认的 font-size 为 16px, line-height 为 1.5。

默认的 font-family 为 "Helvetica Neue", Helvetica, Arial, sans-serif。

此外,所有的

元素 margin-top: 0 、 margin-bottom: 1rem (16px)。

-


Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式。请看下面的实例:


Bootstrap 5 定义 标签及 .mark 类为黄色背景及有一定的内边距:

实例


高亮文本


使用 mark 元素来 高亮 文本。


尝试一下 »

Bootstrap 5 定义 HTML 元素的样式为显示在文本底部的一条虚线边框:

实例


Abbreviations


The abbr element is used to mark up an abbreviation or acronym:


The WHO was founded in 1948.


尝试一下 »


对于引用的内容可以在
上添加 .blockquote 类 :

实例


Blockquotes


The blockquote element is used to present content from another source:



For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.


From WWF's website

尝试一下 »


Bootstrap 5 定义 HTML
元素的样式如下:

实例


Description Lists


The dl element indicates a description list:



Coffee

- black hot drink

Milk

- white cold drink


相关文章
N..
|
7月前
|
开发框架 前端开发 容器
Bootstrap排版
Bootstrap排版
N..
54 0
|
7月前
|
前端开发
【Bootstrap】<前端框架>Bootstrap常用样式 - 排版
【1月更文挑战第17天】【Bootstrap】<前端框架>Bootstrap常用样式 - 排版
|
2月前
|
前端开发
Bootstrap5 文字排版3
Bootstrap 5 默认字体大小为 16px,行高 1.5,字体族为 "Helvetica Neue", Helvetica, Arial, sans-serif。所有元素默认上边距为 0,下边距为 1rem (16px)。HTML 标题(h1 至 h6)和代码元素(code、kbd、pre)均有预设样式,方便快速开发和一致的视觉效果。
|
2月前
|
移动开发 前端开发
Bootstrap5 文字排版1
Bootstrap 5 的默认文字排版设置包括:font-size 为 16px,line-height 为 1.5,font-family 为 "Helvetica Neue", Helvetica, Arial, sans-serif。所有元素的 margin-top 为 0,margin-bottom 为 1rem。HTML 标题(h1 至 h6)和 .h1 至 .h6 类均定义了样式,还有 .display-1 至 .display-4 类用于更大的标题样式。small 元素用于创建更小且颜色更浅的文本。
|
7月前
|
前端开发
Bootstrap 5 保姆级教程(二):文字排版 & 颜色
Bootstrap 5 保姆级教程(二):文字排版 & 颜色
|
7月前
|
前端开发
Bootstrap 5 保姆级教程(二):文字排版 & 颜色
Bootstrap 5 保姆级教程(二):文字排版 & 颜色
|
移动开发 前端开发 JavaScript
Bootstrap 排版样式
Bootstrap 排版样式
74 0
N..
|
7月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
73 0
|
前端开发 容器
|
前端开发 容器