#1 Zápis CSS
V kaskádových stylech existují dvě hlavní položky – selektor, tedy název prvku, id nebo class, jedná se o výběr HTML prvku z dokumentu a deklarace, ve které se nacházejí vlastnosti, které se k prvku přiřazují.
Vždy se zapisuje nejprve selektor, následuje otevírací složená závorka {, za níž se nacházejí vlastnosti a následně uzavírací složená závorka }. Každá vlastnost se skládá z jejího názvu, dvojtečky : a hodnoty. Může to tedy vypadat například takto:
p {
color: blue;
}
#nadpis {
font-size: 150%;
text-align: center;
}
.clanek {
background-color: gray;
}
V tomto příkladu nejprve deklarujeme, že každý odstavec textu <p> bude mít modré písmo, prvek s identifikátorem #nadpis bude mít 1,5násobnou velikost písma a písmo bude zároveň zarovnané na střed a prvky s třídou .clanek budou mít šedé pozadí.