CSS Common Styling

Display

Display: Inline vs Block

A dive can be displaed as inline
A dive can be displaed as inline
A span can be displaed as block A span can be displaed as block

Display: Inline-Block

Span-Inline-Block-1 Span-Inline-Block-2
Div-Inline-Block-1
Div-Inline-Block-2

Display: None

Divs are block by default.
Divs are block by default. Adding display:none; property in css ruleset hides an element
This is the fifth span.

CSS Unis

px vs %

50%
100px
50vw
25vh
16px
1rem
1em
2rem
2em
200%

CSS Background Properties