CSS and HTML

Padding - space inside the element

Margin - space outside of an element

Display:

• none -doesn't display anything
• block -separates the whole line
• inline -goes with a line where it's placed
• inline-block -?
• flex
• align-items: right, left, center
• flex-direction: row-reverse, column, row, column-reverse

Position:

• fixed -always stays in the same place.
• absolute
• relative - goes according to the flow. You can determine the position of the item with top, left, right, bottom. 

font-color

font-family

color

background-color

background - can be used the same as background-color. 

overflow: visible, hidden, auto, scroll.

border: solid black 1px;

ul -> li or  ol -> li.   -ordered or unordered lists

letter-spacing - space between letters

line-height - height size of the letters. 

cursor: 

text-align

CSS SELECTORS

p -selects all p elements

p:hover -selects p tag on hover

.className - selects class

#idName - selects id selector

p::after

p::before 

p.className - selects p with a specific classname. 

p, div - selects all p and div elements

z-index: number so it display order on HTML view. 

PRACTICE