Cascading Style Sheets Cheatsheet

The Font Settings

Default

Font family sets the font of the text, and creates 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 percent value, or an em value.

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


The Color Setting

Default Text

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

Background-color

Background-color Image

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

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


Text Properties

Default Text

Word Spacing: used to change the distance between words

Letter Spacing

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

Text Align: Right, Left, Center, Justify

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam facilis rerum asperiores labore illo soluta eum dolor aspernatur quo cumque ipsum perspiciatis exercitationem itaque modi quis, nobis reprehenderit laborum dicta.

Line-height: Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem minus aliquam ducimus inventore officiis? Est quia nemo explicabo sunt asperiores architecto dicta saepe corporis numquam dolorem, provident quae, expedita illo.

Text Shadow: X, Y, Blur, Color


Box Properties

CSS Box Model: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestiae molestias minus voluptatem id, voluptatibus ipsum incidunt eveniet ipsam quae quidem laboriosam perferendis illo nesciunt eius maiores impedit odit beatae nobis!