Cascading Style Sheet Cheatsheet

The Font Settings

Default text

Font Family sets the font of the text, and creates backup fonts incase the first one fails.

Font Variant: Small Cap

Font Style: Italic

Font Style: Oblique

Font Weight: 100-900. Lower Number is thinner. Default is 400. Bold is 700.

Font Size, can be large, a px value, a percent value, or a em value.

Font is shorthand for all of the properties and fonts.


The Color Settings

Default

Color: Can be passed as a named color, rgb(), #hexadecmial, hsl(), hwb(). All use commas inside of ().

Background Color

Background Image

There are backround-repeat and background-attachment css attributes that will change how images repeat across the screen.

Backgroud is the shorthand opition for all of the properties of backgroud.


Text Properties

Default Text

Word Spacing: Used to change the distance between words. Measured in the same measurements as font size

Letter Spacing

Text Decoration

Text-align: Right, Left, Center, Justify

Text-Indent: Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam dignissimos quae esse et quos repellendus itaque dolores expedita molestias enim, vero neque debitis fugiat. Sapiente temporibus excepturi iste impedit ratione.

Line Height: Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam iusto totam ad autem, mollitia sint temporibus, animi asperiores, quas obcaecati aspernatur vel. Error eum fugit repudiandae ducimus voluptatibus architecto pariatur!

Text Shadow: Uses 3 values and a colo. First is for X, Second is for Y, 3rd is for blur radius.


Bow Properties

CSS Box Model Content: Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eligendi dolor dicta iste deserunt beatae a illum officiis repellat. Libero ab eius enim nisi dolores laboriosam sapiente maiores consectetur minus commodi.