Cascading stylesheets cheat sheet

the font settings

default text

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 option for all the properties in font.


The color settings

Default Text

Color: can be passes as a named color. rgb(), #hexadecimal, hsl, hwb. All uses commas inside of ()

background color

Background image

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

Backround is the shorthand option for all of the properties of backround


Text Properties

Deault 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. Dolores consectetur nam molestias officiis accusantium qui obcaecati. Ea aspernatur quae ab minus veniam nesciunt non, nisi ullam consectetur ad beatae reprehenderit?

Line-height: Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci earum nam, ab commodi similique esse accusantium dolorem dicta velit laboriosam. Libero quas nulla temporibus veniam magnam obcaecati recusandae excepturi debitis.

Text shadow:X,Y,Blur,Color


Box Properties

CSS Box model: Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore quam sequi fuga, numquam autem suscipit a dicta amet, maiores culpa qui quia, molestias fugit temporibus magnam harum deleniti corporis neque?