LAB 2.2 Flashcards
- Bootstrap 5 uses a default font-size of 1rem (16px by default), and its line-height is 1.5.
- In addition, all <p> elements have margin-top: 0 and margin-bottom: 1rem (16px by default).
- <h1> - <h6>
</h6></h1> - Bootstrap 5 styles HTML headings (<h1> to <h6>) with a bolder font-weight and a responsive font-size.
- You can also use .h1 to .h6 classes on other elements to make them behave as headings if you want
Typography
- are used to stand out more than normal headings (larger font-size and lighter font-weight), and there are six classes to choose from: .display-1 to .display-6
Display Headings
In Bootstrap 5 the HTML _ element (and the .small class) is used to create a smaller, secondary text in any heading
<small></small>
Bootstrap 5 will style and .mark with a yellow background color and some padding:
<mark></mark>
Bootstrap 5 will style the HTML element with a dotted border-bottom and a cursor with a question mark on the hover
<abbr></abbr>
Add the .blockquote class to a when quoting blocks of content from another source. And when naming a source, like “from WWF’s website”, use the .blockquote-footer class
<blockquote>
</blockquote>
<p>The following HTML elements: <code>span</code>,
<code>section</code>, and <code>div</code> defines a section
in a document.</p>
<code></code>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<dl>
</dl>
<p>Use <kbd>ctrl + p</kbd> to open the Print dialog box.</p>
<kbd></kbd>
<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks.</pre>
<pre>
</pre>
Makes a paragraph stand out
.lead
Indicates left-aligned text
.text-start
Prevents long text from breaking layout
.text-break
Indicates center-aligned text
.text-center
Removes the underline from a link
.text-decoration-none
