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...
css
.box {
width: 400px;
height: 200px;
padding: 20px;
border: 5px solid black;
margin: 30px;
background-color: #fff;
box-sizing: border-box;
}
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.
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.