Model pudełkowy
workshop: #22c1-box-model.html
Zasoby lekcji
Mini-warsztat CSS: model pudełkowy
Przykład stosowania właściwości CSS używanych przy tzw. modelu pudełkowym.
Przygotowanie
Wykonuj kolejne kroki warsztatu obserwując zmiany aż do osiągnięcia efektu końcowego.
- Utwórz węzeł HTML używając znacznika
P
- Dodaj wysokość i szerokość regułami:
height
orazwidth
- Użyj odstępu wewnętrznego stosując regułę:
padding
- Zastosuj ramkę dla znacznika poprzez regułę:
border
- Użyj odstępu zewnętrznego - reguła:
margin
Zawartość znacznika P
Model pudełkowy
Model pudełkowy
Model pudełkowy
Model pudełkowy