Institute of Computer Science
Courses.cs.ut.ee Institute of Computer Science University of Tartu
  1. Main page
  2. Youth to Code
ET
Log in

Youth to Code

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
  • Institute of Computer Science
  • Faculty of Science and Technology
  • University of Tartu
In case of technical problems or questions write to:

Contact the course organizers with the organizational and course content questions.
The proprietary copyrights of educational materials belong to the University of Tartu. The use of educational materials is permitted for the purposes and under the conditions provided for in the copyright law for the free use of a work. When using educational materials, the user is obligated to give credit to the author of the educational materials.
The use of educational materials for other purposes is allowed only with the prior written consent of the University of Tartu.
Terms of use for the Courses environment