0404-2:

<div></div> - brak znaczenia semantycznego, używany gdy nie istnieje odpowiedni semantyczny znacznik

box-sizing:

box-sizing: content-box; (domyślne) - rozmiar .box to content+padding+border = 140x140

.box {
  width: 100px;
  height: 100px;
  background: yellowgreen;
  padding: 10px;
  border: 10px solid red;
  margin: 10px;
  box-sizing: content-box;
}

box-sizing: border-box; - rozmiar .box to content+padding+border = 100x100

.box {
  width: 100px;
  height: 100px;
  background: yellowgreen;
  padding: 10px;
  border: 10px solid red;
  margin: 10px;
  box-sizing: border-box;
}

position:

static (domyślne) - statyczna treść
relative - obiekt relacyjny
ablosute - pozycja obiektu w relacji z obiektem z position: relative;
- możliwość operowania pozycją za pomocą top, right, bottom, left
- szuka pierwszego obiektu nadrzędnego posiadającego position: relative;, jeśli nie znajdzie to pozycja będzie względem <body></body>
fixed - przyklejenie elementu do okna, relative staje sięokno przeglądarki
sticky - przyklenieje elementu w czasie scrollowania w obrębie rodzica, po przewinięciu rodzica znika
float - (nie używamy do budowania layoutów) opływanie - przy obrazku tekst oplywa obraz. Dodanie clear: left; do paragrafu poniżej zdjęcia spowoduje, że jego tekst nie będzie opływał zdjęcia.

z-index - który element będzie wyświetlany z przodu position: fixed; -