Arvutiteaduse instituut
  1. Esileht
  2. Noored Koodi
EN
Logi sisse

Noored Koodi

Veebilehed

<< Kõik kursused

  • Kursusest
    • 0. Sissejuhatus veebimaailma

HTML

  • 1. Mis on HTML?
  • 2. Tekst ja viidad
  • 3. Loendid. Tabelid
  • 4. Pildid. Audio. Video

CSS

  • 5. Mis on CSS?

5.1 Ülevaade CSS-ist 5.2 CSS-i süntaks 5.3 Erinevad selektorid 5.4 CSS-i tekstitöötlus

  • 6. Tabelid, loendid, piirid
  • 7. Pseudoelemendid ja positsioneerimine
  • 8. Kursorid, taustad, pildid
Peatüki sisukord

5.2 CSS-i süntaks

CSS faili võib nagu HTML dokumendigi luua mistahes tekstiredaktorit kasutades.

Nagu HTML dokumendis, või mistahes programmeerimiskeeles, e kasutatakse koodi seletamiseks kommentaare. CSS-i kommentaar algab sümbolitega /* ja lõppeb sümbolitega */ ning on ignoreeritud veebilehitseja poolt:

/* See on kommentaar */

Iga CSS-i reegel koosneb kahest suurest osast: selektor ning deklaratsioon.

Selektor näitab, mida soovitakse kujundada. Selleks on reeglina tavaline HTML-elemendi nimetus (mitte märgend!). Deklaratsioon omakorda koosneb CSS-i parameetrist ning väärtusest, mis on eraldatud kooloniga. Kõik deklaratsioonid peavad lõppema semikooloniga. Kui väärtus koosneb mitmest sõnast, siis tuleb see jutumärkide vahele paigutada! Näiteks:

p {font-family: "sans serif"}

Mitmete väärtuste puhul tuleb kirja panna ka mõõtühik. Sellisel juhul ei tohi väärtuse ja selle mõõtühiku vahele tühikut jätta! Näiteks:

p { font-size: 36pt;}

Korraga saab määrata väärtused ühe HTML elemendi (selektori) mitmele omadusele. Et stiili kirjeldust kergemini loetav oleks, on kasulik iga omadus eraldi reale paigutada! Näiteks:

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

CSS selektorite, parameetrite ja väärtuste loetelu saab vaadata w3school.com portaalil.

Peatüki sisukord
  • Arvutiteaduse instituut
  • Loodus- ja täppisteaduste valdkond
  • Tartu Ülikool
Tehniliste probleemide või küsimuste korral kirjuta:

Kursuse sisu ja korralduslike küsimustega pöörduge kursuse korraldajate poole.
Õppematerjalide varalised autoriõigused kuuluvad Tartu Ülikoolile. Õppematerjalide kasutamine on lubatud autoriõiguse seaduses ettenähtud teose vaba kasutamise eesmärkidel ja tingimustel. Õppematerjalide kasutamisel on kasutaja kohustatud viitama õppematerjalide autorile.
Õppematerjalide kasutamine muudel eesmärkidel on lubatud ainult Tartu Ülikooli eelneval kirjalikul nõusolekul.
Courses’i keskkonna kasutustingimused