Bootstrap教程笔记(三)------文字排版

本文介绍了Bootstrap4中各种文字排版元素,包括h1到h6标题样式、Display标题类,以及<small>、<mark>、<abbr>、<blockquote>、<dl>、<code>、<kbd>和<pre>等文本标签的使用方法和效果。
摘要由CSDN通过智能技术生成

1.标题:Bootstrap4中定义了h1到h6共六种标题样式,h1到h6标题字大小从大到小排序。


2.Display标题类:Bootstrap还提供了四个标题类,分别是.display-1, .display-2, .display-3, .display-4,大小也是从大到小排序,Display标题类比h1-h6更大更粗。使用方法<h1 class="display-1">abcdef</h1>,以此类推。

3.几种文本标签:

(1)<small>:用于创建字号更小的颜色更浅的文本,例如<h1>标题<small>副标题</small></h1>,其实颜色更浅这一点不是很明显就是了。

(2)<mark>:定义文本背景为黄色且具有一定的内边距。是一种高亮效果。例如<p>普通文本<mark>高亮文本</mark></p>。

(3)<abbr>:缩写,样式为将一条虚线显示在文本底部,鼠标悬浮时显示title标签的文本。例如<p>the <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>。

(4)<blockquote>:引用,注明文本是引用自别处。<blockquote>标签可以添加.blockquote类,<footer>用于注明出处。例如<blockquote class="blockquote">引用文本<footer class="blockquote-foote

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值