Egy stíluslapon a HTML elemek megjelenítésének módját meghatározó, stílusát leíró szabályokat soroljuk fel.
Minden CSS szabály egy vagy több kijelölővel (szelektorral) kezdődik, ezt követi kapcsos zárójelek között a deklarációs szakasz (meghatározásblokk).
kijelölő
{
meghatározásblokk
}
A stílusdeklaráció felépítése:
- a meghatározandó tulajdonság neve
- kettőspont
- tulajdonság értéke(i)
- pontos vessző
A deklarációs szakasz több stílusdeklarációt (stílusmeghatározást) tartalmazhat egymástól pontos vesszővel elválasztva.
kijelölő
{
tulajdonság1:
érték1;
tulajdonság2:
érték2;
}
A stílusdeklaráció példa:
p
{
color:
blue;
background-color:
red;
}
kijelölő = p /* bekezdésekre vonatkozil */
1. tulajdonság = color /* a szöveg színét állítjuk */
1. érték = blue /* a szöveg színe kék lesz */
2. tulajdonság = background-color /* a szöveg háttérszínét állítjuk */
2. érték = red /* a szöveg piros kék lesz */