Cascading style sheets cheat sheet

The font settings

Default text

Font family set the font of the text and creates backup texts.

font variant: Small Caps

Font style italic

Font style: oblique

Font-weight:1 100-900. Lower is thinner. Defualt is 400. Bold is 700.

Font size can be large, a px value, a percente value or a em value

Font is short hand for all of the properties and fonts.

The color settings

Default

Color can be passed a named color, RGB, #hexadecimal, HSL, hwb. All used comas in side of ()

background Color

background-image

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

backgorund is the short hand option for all of the properties of background.

Test properties

default text

word spaceing: used to change the distance between words. measured in the same measurements as font size.

Letter spacing

text decoration

text-align: right, left, center, justified

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Neque maiores mollitia illum voluptatum! Debitis ratione fuga amet modi facere libero, nesciunt perspiciatis beatae aliquid rem quia iusto voluptate accusamus officiis!

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nobis, officia amet pariatur veritatis libero et excepturi iste praesentium numquam laborum officiis, voluptates ratione quidem iusto maxime eligendi reiciendis odio?

text-shadow: uses 3 values and a color. First is for x. Second is for y, and third is for blur radius


Box properties

CSS box mdoel: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde, repellendus sit minus quod repudiandae dolores culpa deleniti dolore rerum optio aut incidunt quaerat pariatur iusto eius cum ipsa architecto voluptates.