Cascading Style Sheets Cheatsheet

The Font Setings

Default Text

Font Family sets the font of the text, and creats backup fonts in case 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 pervent value, or an em value.

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

The Color Settings

Defult Text

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

Backround Color

Backround Image

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

background is the shorthand option for all of the properties of background


Text Properties

Defult Text

Word Spacing: Used ro 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. Minima nemo commodi molestiae in deleniti fugit corporis nam neque consequuntur, quibusdam possimus libero aut quo. Dolorem quia natus accusamus cum minus!

Line Height: Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, reiciendis totam. Ipsam esse saepe nisi. Velit odio veritatis necessitatibus! Odit iure libero consectetur blanditiis odio harum fuga iusto vel dolores!

Text Shadow: x, y, blur, color,


Box Properties

CSS Box Model: Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut facilis nobis quasi accusamus dolorum mollitia, numquam ullam debitis, maxime assumenda eveniet ipsum blanditiis vitae saepe unde suscipit error dicta corrupti!