Cascading Style Sheets Cheatsheet

The Font Settings

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

Font Variant: Small Caps

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(),#hexadecimal, hsl(), hwb(). All use commas inside of ().

Background Color

Background Image

There are background-repeat and background-attachment css attributes that will change how images rpeat 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. Measured in the same measurments as font size.

Letter Spacing

Text Decoration

Text-align: Right, Left, Center, Justify

Text-Indent: Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita eaque officia eveniet iste esse dolores rerum maxime repudiandae. Quod ipsum voluptatum voluptate deleniti dolorum laborum nesciunt dignissimos eligendi ipsam dolore?

Line Height: Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam distinctio consequuntur qui architecto impedit laborum assumenda, odio quidem quibusdam reiciendis voluptas dolore! Repudiandae nam dicta, vero provident quibusdam fugiat non.

Text Shadow: uses 3 values and a color. First is for x, Second is for Y, 3rd is for blur radius.


Box Properties

CSS Box Model Content: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure dolore natus modi reprehenderit aperiam asperiores, ipsa molestiae rem laboriosam fugiat explicabo, eius impedit facilis ipsum neque nam magni. Praesentium, voluptates!