SINTAKSA

Slogovna predloga je zgrajena iz niza pravil. Pravilo je zgrajeno iz dveh delov: iz selektorja in iz deklaracije. Deklaracija je sestavljena iz lastnosti in vrednosti.

selektor {lastnost: vrednost}

Selektor je lahko katerikoli element (značka) uporabljen v kodi HTML. Tu je primer spremembe barve pisave na rdeče za celoten dokument.

body {color: red}

Vrednosti se ne pišejo z narekovaji. V narekovajih so nizi. Le če je vrednost sestavljena iz dveh ali več besed, potem jo je potrebno pisati med narekovaji:

p {font-family: "Times New Roman"}

Če želimo selektorju prirediti več lastnosti, potem jih ločimo s podpičjem. Priporoča se tudi pisanje podpičaja na koncu, saj se pogosto zgodi, da dodamo še kakšno pravilo, pri tem pa se pozabi na vejico.

p {text-align: center; color: red; font-size: 12pt}

Če se selektorju priredi več alternativnih lastnosti, potem se jih loči z vejico. Brskalnik bo v seznamu izbral prvo, ki jo prepozna.

p {cursor: text, pointer, wait}
blockquote {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif}

Zaradi boljše preglednosti, je priporočljivo pisanja eno lastnosti pod drugo.

p {text-align: center; color: red; font-size: 12pt}

p
{
text-align: center;
color: red;
font-size: 12pt
}

Komentarji v CSS

Če želite, lahko vstavite komentar v kodo slogovne predloge, tako da začetek komentarja označite z /* , napišete komentar, konec pa naznanite z */:

/* To je komentar */
p
{
text-align: center;
/* Tukaj imamo pa drugi komentar */
color: black;
font-family: Arial;
}

 Gor     e-gradiva     CSS     primeri     HTML & CSS   Kaskade slogov

SERŠ Maribor : Strokovna gimnazija : 2002 : Niko Fajfar