E-gradiva > Računalništvo > Programiranje > Načrtovanje in razvoj spletnih aplikacij > CSS > Slovnica CSS Prijava

 

Slovnica definicije kaskadnega stila je naslednja:

 

selektor {lastnost: vrednost; ...}

 

   Selektor določa, katerim elementom HTML  (značkam) predpisujemo oblikovne lastnosti, ki jih naštejemo v zavitih oklepajih. Posamezne pare lastnosti in vrednosti ločimo s podpičji, za vsakim imenom lastnosti pa napišemo dvopičje. Pogosto je selektor kar ime elementa, kar pomeni, da predpisana oblika velja za vse pojavitve tega elementa.  

 

Primeri

 

 

body   {color: black}



p              {font-family: "sans serif"; font: italic small-caps 900 12px arial}
p              {text-align:center;  color:red} 



p              {

                  text-align: center;

                  color: black;

                  font-family: arial;

               } 


h1,h2,h3,h4,h5,h6 { color: green }

 

 

Primer datoteke z definicijo stilov 

 

h1,h2,h3
  {
  font-family: arial, "sans serif";
  }
p,table,li,address
 {
  font-family: arial, "sans serif";
  margin-left: 15pt;
  }
p,li,th,td
 {
font-size: 80%;
  }
th
{
background-color:#FAEBD7
}
body
{
background-color: #ffffff;
}  

p
{
font: italic small-caps 900 12px arial;
}

 


 

 


Primer definicije v glavi HTML datoteke

 

<head>
       <link rel="stylesheet" type="text/css" href="style1.css">
</head>

 


 


Primer datoteke style1.css:
 

 

hr  {color: sienna}
p   {margin-left: 20px}
body  {background-image:url("images/back40.gif")}


Nasvet

 

Primer definicije stilov v glavi datoteke HTML:

 

<head>

  <style type="text/css">

   hr  {color: sienna}

            p  {margin-left: 20px}

            body  {background-image:url("images/back40.gif")}

</style>

</head>

 

Pri starejših brskalnikih morate nujno uporabiti komentar pri definiciji stilov, saj vam drugače izpiše vsebino definicije.

 
 

Uporaba stila v označbah HTML 

 

<p style="color: sienna; margin-left: 20px">

      To je odstavek

</p> 

<p style="font-family: arial, 'lucida console', sans-serif"> To je odstavek

</p>

 

Nasvet

 

Komentar v kaskadnem stilu


/* Komentar pred definicijo stila */

p

 {

  text-align: center;

  /* Komentar v definiciji stila */

  color: black;

  font-family: arial ;

  }
 
 

  

 


Kako zapišemo CSS komentar?

 

Odgovor je pravilen

Odgovor žal ni pravilen

Katera oznaka HTML je pravilna za sklicevanje na CSS document?

Odgovor je pravilen

Odgovor žal ni pravilen

Kje v dokumentu HTML definiramo povezavo na zunanji CSS dokument?

Odgovor je pravilen

Odgovor žal ni pravilen

Kateri od spodaj navedenih zapisov je v skladu s standardom CSS?

Odgovor je pravilen

Odgovor žal ni pravilen

Katera od naštetih možnosti omogoča uporabo  razreda modro v odstavku:

   .modro { color: blue }

Odgovor je pravilen

Odgovor žal ni pravilen

Datoteka v katerih je definiran stil HTML dokumenta ima končnico.

 

Odgovor je pravilen

Odgovor žal ni pravilen