cascading style sheets cheatsheet

the font settings

default text

font family sets the font of the text and creates extra fonts in case the first font fails.

font varient:small-caps

font style italic

font style oblique

font weight 100-900 lower number is thinner defualt is 400 bold is 700

font size can be large a pixel value a percent value or an em value

font is short hand for all of the properties and fonts


the color settings

color can be passed as a named color rgb() hexadecimal hsl() and hwb(). all use commas inside the perintheses

background-color

background image

there are background repeat and background attachment that will change how images are set across the screen

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


text properties

defult text

word spacing used to change the distance between words. measured in the same mesurements as font size

letter spacing

text decoration

text align right left center justify

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet omnis aspernatur veniam ab tenetur fugiat vel voluptatibus maiores incidunt, tempore rem eligendi autem quis suscipit quo in totam animi ipsum?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus dolores tempore blanditiis modi rem est dolorem accusamus enim corrupti numquam. Temporibus quibusdam quos eveniet eligendi quam, facilis recusandae quisquam obcaecati.

text shadow uses three 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. Earum dolor temporibus illo itaque similique magnam! Illum debitis, qui molestiae at aut vitae amet, quibusdam vel quia, accusamus cum officiis autem Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos, facere. Labore molestiae harum perspiciatis repellat, ex deserunt autem eos alias sint, ea atque. Recusandae tenetur odio, sed nesciunt dignissimos omnis..