Box model, tekst, tło i kolory

Jak podpiac CSS

Plik CSS jest zewnetrzny — egzamin zawsze podaje jego nazwe.


Selektory — co i kiedy

Zasada egzaminacyjna: gdy zadanie mowi "zastosuj styl do naglowka H1" — piszesz h1 { }, nie .naglowek { }.


Kolory — trzy sposoby zapisu

W rgba() czwarty parametr to alpha: 0 = calkowicie przezroczysty, 1 = calkowicie nieprzezroczysty.


Czcionka i tekst


Box model — margines, padding, obramowanie

+---------------------------+
|         margin            |  <- zewnetrzny odstep od sasiadow
|   +-------------------+   |
|   |     border        |   |  <- obramowanie
|   |   +-----------+   |   |
|   |   |  padding  |   |   |  <- wewnetrzny odstep
|   |   | [TRESC]   |   |   |
|   |   +-----------+   |   |
|   +-------------------+   |
+---------------------------+

Wymiary


Cien (box-shadow)


Overflow (przewijanie)


Pelny przyklad CSS (arkusz 2021 — restauracja)


Hover na elementach