CSS 3 értéke

A  CSS három elemet különböztet meg: kiválasztó, tulajdonság és érték:

kiválasztó {tulajdonság: érték}




A kiválasztó legegyszerűbb esetben egy HTML tag, a tulajdonság azt határozza meg, hogy milyen jellemzőt akarunk módosítani, míg az érték a változást határozza meg. A tulajdonságot és az értéket egy kettősponttal kell egymástól elválasztani, és a kettőt együtt kapcsos zárójelbe tenni:

body {color: black}




Ha az érték több szóból áll, idézőjelbe kell tenni:

p {font-family: "sans serif"}




Ha egy kiválasztó esetén többféle tulajdonságot is módosítani szeretnénk, könnyedén megtehetjük, mindössze pontosvesszővel kell elválasztani a tulajdonság-érték párokat.

p {text-align:center; color:red}




A stílusdefiníciók jobb olvashatósága érdekében inkább több sorba érdemes tagolni:

p {
  text-align: center;
  color: black;
  font-family: arial
}




Egyszerre akár több kiválasztóra is érvényesíthetjük a formázást. Ekkor a kiválasztókat vesszővel elválasztott listaként kell felsorolni. A példában minden címet zölden szeretnénk megjeleníteni:

h1, h2, h3, h4, h5, h6 {
  color: green
}