Cascading Style Sheets (CSS) Basics

Example header

Here is a paragraph for experimenting with style changes

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

Here is a paragraph for experimenting with style changes Here is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changesHere is a paragraph for experimenting with style changes

Today, 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: form outside in: Margin, Border, and Padding (MBP).

This paragraph is to demonstrate the CSS Box Model.

There are 5 categories of fonts in HTML:

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