Pagrindai
CSS elementų sintaksė atrodo taip:
elementas { savybė: reikšmė}
Norint įdėti kelias savybes, būtina jas atskirti kabliataškiu [;]
elementas { savybė: reikšmė; savybė1: reikšmė1; savybė2: reikšmė2}
Dauguma HTML žymių (tags) turi savo CSS atitikmenis.
Pvz. <body></body> atitinka body { }, <h1></h1> atitinka
h1 { }, <a></a> atitinka a { } ir t.t.
Grupavimas
CSS leidžia sugrupuoti elementus, t.y. keliems elementams sukurti vieną stilių.
Tokiu atveju naudojamas kablelis [,].
body, p, a, ul, ol
{
color: silver
}
Komentarai
CSS komentarai rašomi tarp /* ir */.
body {
/* komentaras */
font-family: verdana;
}
Vienetai
Ilgio vienetai gali būti teigiam (+) ir neigiami (-). Rašomi be tarpų. Yra reliatyvaus
(em, ex, px) ar absoliutaus (in, cm, mm, pt, pc) dydžio.
body{ font-size: 20px }
Procentai yra reliatyvūs kitų dydžių atžvilgiu. Jie gali būti teigiami (+) ir
neigiami (-). Rašomi be tarpų.
body{ font-size: 200% }
Spalvos gali būti nurodomos:
- raktiniais žodžiais (aqua, black, blue, fuchsia, gray, green, lime, maroon,
navy, olive, purple, red, silver, teal, white, yellow)
- #rrggbb (pvz.: #ffcc00)
- #rgb (pvz.: #fc0)
- rgb(x,x,x) (pvz.: rgb(0,204,0))
- rgb(y%,y%,y%) (pvz.: rgb(0%,80%,0%))
URL vienetų sintaksė yra url(adresas). Adresą galima rašyti tarp " ir ",
' ir ', be nieko.
body { background: url(stripe.gif) }
body { background: url("stripe.gif") }
Įvadas