Jak pracovat s CSS
Každému tagu v HTML odpovídá takzvaný
selektor CSS. Například, tagu p
odpovídá CSS selektor p, pomocí
kterého se můžeme obrátit na všechny odstavce
HTML stránky a, například, obarvit je všechny
současně na červeno.
Za selektorem následují složené závorky, uvnitř kterých se píší CSS vlastnosti. Vlastnosti nastavují barvu, velikost písma a další zajímavé věci. Píšou se v tomto formátu: název vlastnosti, pak dvojtečka, pak hodnota této vlastnosti (například, vlastnost - je barva, a "červená" - je hodnota). Pak je třeba dát středník a lze psát další vlastnost.
Pojďme například obarvit všechny odstavce na červeno:
p {
color: red;
}
Ve vašem souboru styles.css umístěte
kód, který obarví odstavce na červeno. Otevřete
stránky vašeho webu v prohlížeči a přesvědčte se,
že všechny odstavce jsou nyní červené.
