Box model je základní koncept v CSS, který popisuje, jak jsou prvky na webové stránce vykresleny a jak mezi sebou interagují.
Každý HTML prvek je považován za obdélník, který se skládá z několika vrstev...
Stíny v CSS umožňují přidávat vizuální efekty stínu k prvkům na webové stránce.
Existují dvě hlavní vlastnosti pro přidávání stínů..
V CSS vlastnost position určuje, jak je prvek umístěn na webové stránce a jak interaguje s ostatními prvky. Tato vlastnost může nabývat několika hodnot, které určují různé způsoby umístění prvku...
V CSS vlastnost display: flex aktivuje flexbox model, což je způsob uspořádání a zarovnání prvků v kontejneru.
Flexbox je ideální pro vytváření dynamických rozvržení, které se přizpůsobují velikosti obrazovky a různým zařízením.
css
.flex-container {
display: flex;
justify-content: space-between;
background-color: DodgerBlue;
}
.flex-container div{
background-color: blue;
margin: 10px;
padding: 20px;
font-size: 30px;
justify-content: space-between;
}
V CSS vlastnost float umožňuje umístění prvku na jednu stranu kontejneru, což umožňuje textu a dalším prvkům obtékat kolem něj.
Tato vlastnost byla hojně používaná v dřívějších verzích CSS pro tvorbu layoutů, než byla představena moderní metoda flexbox a grid.