Cascading Style Sheets (CSS) Basics

Hello!!!

Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph. Here is a short paragraph.

Today (Wed., 2/23/22 A.D.) we are discussing the CSS "Box Model." This is a complex but powerful way to deal with nearly any HTML item by drawing boxes around things. Any item (content) is surrounded by three outer layers: from outside in: Margin, Border, and Padding (MBP).

This paragraph is to demonstrate the CSS Box Model.

Here is another short paragraph. We want to test out "divs" today.

There are 5 categories of fonts in HTML:

  1. Serif
  2. Sans-Serif
  3. Cursive
  4. Fantasy
  5. Monospace