Cascading Style Sheets Cheatsheet

The Font Settings

Default Text

Font Family sets the font of the text, and created backup fonts incase the first one fails.

Font Variant:Small Cap

Fotn Style:Italic

Font Style:Oblique

Font Weight:100-900. 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 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 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. Measured in the same measurements as font size.

Letter Spacing

Text Decoration

Text-Align: Right, Left, Center, Justify.

Text-Indent: Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum aut dignissimos atque. Necessitatibus sequi consectetur quasi eum rem distinctio voluptas qui officiis sit cupiditate quaerat quam, perferendis fugiat officia fugit?

Line Spacing: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam maiores eveniet porro minima impedit, libero odit nihil! Voluptas at exercitationem vero, vel, laborum, id facilis voluptatum delectus cum magni distinctio?

Text Shadow: Uses 3 values and a color. First is for X, second is for Y, Third is for blur radius.


Box Properties

CSS Box Model Content: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti quae, molestias, consequatur in porro provident iste vel sequi est esse veritatis? Aliquid dolor tenetur ex quam magnam, fuga atque ad.