Cascading Style Sheets Cheatsheet

The Font Settings

Default Text

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

Font Variant: Small Caps

Font Style: Italic

Font Weight: 100-900 Lower numbers are thinner. Default font is 400. Bold is 700.

Font Size: Can be large, a px value, a percent value, or an em value.

Font is the shorthand option for all of the properties of font.


The Color Settings

Default Text

Color: Can be passed as a named color, rgb(), #hexadecimal, hsl(), hwb(). All use comma's inside of the brackets.

Background Color

Background Image











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

Background is the short hand option for all the properties of background.


Text Properties

Default Text

Word Spacing: Used to change the distance between words.

Letter Spacing

Text Decoration: Options are underline, overline, line-through, and none. You can also choose the type of line.

Text-Align: Right, Left, Center, Justify

Text-Indent: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Numquam quidem, eos, maiores, a sequi ipsa incidunt quod quo alias vero hic sunt. Cupiditate sint iste officiis quidem cum nobis. Modi.

Line Height: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime dignissimos saepe nostrum iusto rerum tenetur dolorem, dolore nesciunt qui! Modi possimus dolores molestiae? Vel, saepe nobis dignissimos consequuntur esse distinctio.

Text Shadow: X, Y, Blur, Color


Box Properties

CSS Box Model: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem, debitis rem temporibus atque repudiandae asperiores sunt quas enim reiciendis deleniti corrupti ab accusamus culpa mollitia eaque cumque veniam unde tempore.