css-cheat-sheet.md

CSS cheat sheet

links

• css how to 'debug'

Units

• Absolute: mm, in, px(1/96 inch)
• Relative: em (parEnt), rem(Root), vh/vw (ViewHeight/ViewWidht), vp (ViewPort),

position on the screen: static, relative, absolute, fixed, sticky

position inside own space or parent element or screen

visibility

• visible
• hidden - render it, but with empty place
• inherit

display

display among other elements or/and in the line

• inline

  [element][element] min height & width - no control

• block

  [ ......element....... ] fill the whole row on the screen height & width

• inline-block

  [element] with height & width

• flex

  [element][element][element]

• table

  [element][element][element] with predefined hight

• grid

  [element]\n [element]\n

• none

  no element in layout, no dedicated place

inline, inline-block, block

display: flex

display: grid