Document

Výuka kaskádových stylů

Co to je?

V CSS se třídy (class) používají k definování stylů, které lze aplikovat na jeden nebo více HTML elementů. Třídy umožňují opakovaně používat stejnou sadu stylů na různé elementy na stránce.

Jak?

V .css souboru vytvořím třídu následujícím způsobem:

.název-třídy {

vlastnost: hodnota;

}

Příklad :

Na stránce mám více boxů a potřebuju, aby byla čast zelená a část modrá, nebudu tedy vlastnost barvy vypisovat u každého boxu zvlášť, ale vytvořím si dvě třídy.

.box1 { width: 100px; height: 100px; background-color: green; float:left; margin: 10px; }

.box2 { width: 100px; height: 100px; background-color: blue; float:left; margin: 10px; }