Bootstrap：文字排版与图片样式，CSS盒模型概述

默认设置：

Bootstrap 4 默认的 font-size 为 16px, line-height 为 1.5。

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

此外，所有的 <p> 元素 margin-top: 0 、 margin-bottom: 1rem (16px)。

1、<h1> - <h6>

Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式.

h1 Bootstrap 标题 (2.5rem = 40px)

h2 Bootstrap 标题 (2rem = 32px)

h3 Bootstrap 标题 (1.75rem = 28px)

h4 Bootstrap 标题 (1.5rem = 24px)

h5 Bootstrap 标题 (1.25rem = 20px)

h6 Bootstrap 标题 (1rem = 16px)

2、Display 标题类

Bootstrap 还提供了四个 Display 类来控制标题的样式: .display-1、.display-2、.display-3、 .display-4。

Display 标题

Display 标题可以输出更大更粗的字体样式。

Display 1

Display 2

Display 3

Display 4

3、 <small>

在 Bootstrap 4 中 <small> 元素用于创建字号更小的颜色更浅的文本:

更小文本标题

small 元素用于字号更小的颜色更浅的文本:

h1 标题 副标题

h2 标题 副标题

h3 标题 副标题

h4 标题 副标题

h5 标题 副标题

h6 标题 副标题

4、<mark>

Bootstrap 4 定义 <mark> 为黄色背景及有一定的内边距:

高亮文本

使用 mark 元素来 高亮 文本。

5、<abbr>

Bootstrap 4 定义<abbr> 元素的样式为显示在文本底部的一条虚线边框:

Abbreviations

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

The WHO was founded in 1948.

6、<dl>

Bootstrap 4 定义<dl> 元素的样式如下:

Description Lists

The dl element indicates a description list:

Coffee

- black hot drink

Milk

- white cold drink

7、<code>

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

后记

---

总结一下这三次面试下来我的经验是：

1. 一定不要死记硬背，要理解原理，否则面试官一深入就会露馅！

2. 代码能力一定要注重，尤其是很多原理性的代码（之前两次让我写过Node中间件，Promise.all，双向绑定原理，被虐的怀疑人生）！

3. 尽量从面试官的问题中表现自己知识的深度与广度，让面试官发现你的闪光点！

4. 多刷面经！

我把所有遇到的面试题都做了一个整理，并且阅读了很多大牛的博客之后写了解析，免费分享给大家，算是一个感恩回馈吧，有需要的朋友【点击我】免费获取。祝大家早日拿到自己心怡的工作！

篇幅有限，仅展示部分内容