Klijentske web tehnologije

Vežbe | 3. termin

<p style="color: red;">
    Lorem ipsum ...
</p>

<head>
    <style>
        /* CSS kod */
        p {
            color: red;
        }
    </style>
</head>
<body>
    <p>Lorem ipsum ...</p>
</body>

index.html

<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <p>Lorem ipsum ...</p>
</body>

style.css

p {
    color: red;
}

Selektorom biramo (selektujemo) na koje/kakve elemente želimo da primenimo blok sa naredbama.

selektor {
    /* Naredbe */
}

Sintaksa za izbor elemenata:

tag - Izbor svih elemenata datog tipa

  p { } /* svi paragraf elementi */
  h1 { } /* svi heading 1 elementi */

.class - Izbor svih elemenata sa datom klasom

  .klasa1 { } /* svi elementi sa klasom "klasa1" */
  .tamni-tekst { } /* svi elementi sa klasom "tamni-tekst" */

#id - Izbor elementa sa datim id-jem

  #copyright-tekst { } /* element sa id-jem "copyright-tekst" */
  #glavni-paragraf { } /* element sa id-jem "glavni-paragraf" */

This site is open source. Improve this page.