e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

Gnezdenje CSS

Koda: <div id="rdece"> <p> Internet Protocol ... uporabnikom.</p> <p>IP naslovi ... opremo. </p> <p>Naslov je 32 ... s števili od 0 do 255.</p> </div> 
#rdece {color:darkred}

         div#rdece (rdeče ozadje)
  ______________________________
 |       |                  |
  p        p                   p
 |
 span
Izgled v
brskalniku:

Internet Protocol naslov identificira postajo v omrežju TCP/IP. Sistemski administratorji omrežja določijo IP naslov svojim uporabnikom.

IP naslovi so določeni s programi in ne s strojno opremo.

Naslov je 32 bitno binarno število, ki ga običajno predstavljajo 4 polja. Vsako polje predstavlja 8 bitov in je zapisano s števili od 0 do 255.
Razlaga:

V primeru, ki ga vidimo od zgoraj je določeno, da bo plast z imenom #rdece, rdeče barve, kar pomeni, da so vsi elementi znotraj te plasti na rdečem ozadju.

Koda: <div style="background:darkred;position:relative"> <p> Internet Protocol ... uporabnikom.</p> <p style="background:darkgreen;"> IP naslovi ... opremo. </p> <p>Naslov je 32 ... s števili od 0 do 255.</p> </div> 
#rdece {color:darkred}
#rdece p.drugi {background:darkgreen}

         div#rdece (rdeče ozadje)
  ____________________________________
 |       |                        |
  p        p.drugi (zeleno ozadje)   p
 |
 span
Izgled v
brskalniku:

Internet Protocol naslov identificira postajo v omrežju TCP/IP. Sistemski administratorji omrežja določijo IP naslov svojim uporabnikom.

IP naslovi so določeni s programi in ne s strojno opremo.

Naslov je 32 bitno binarno število, ki ga običajno predstavljajo 4 polja. Vsako polje predstavlja 8 bitov in je zapisano s števili od 0 do 255.
Razlaga:

V zgoraj prikazanem primeru je prav tako določeno, da bo plast z imenom #rdece, rdeče barve. Zraven tega pa je še določeno, da bo tekst, ki je v odstavku z imenom drugi (p.drugi), imel ozadje, zelene barve.

Koda: <div style="background:darkred;position:relative"> <p> Internet Protocol ... uporabnikom.</p> <p style="background:darkgreen;"> <span style="color:yellow">IP naslovi</span>... ...opremo. </p> <p>Naslov je 32 ... s števili od 0 do 255.</p> </div> 
#rdece {color:darkred}
#rdece p.drugi {background:darkgreen}
.drugi span {color:yellow}

         div#rdece (rdeče ozadje)
  ____________________________________
 |       |                        |
  p        p.drugi (zeleno ozadje)   p
 |
 span (rumena pisava)
Izgled v
brskalniku:

Internet Protocol naslov identificira postajo v omrežju TCP/IP. Sistemski administratorji omrežja določijo IP naslov svojim uporabnikom.

IP naslovi so določeni s programi in ne s strojno opremo.

Naslov je 32 bitno binarno število, ki ga običajno predstavljajo 4 polja. Vsako polje predstavlja 8 bitov in je zapisano s števili od 0 do 255.
Razlaga:

V zadnjem primeru je, kot v prejšnjih določeno rdeče ozadje plasti z imenom #rdece, prav tako je določeno zeleno ozadje tekstu, ki je v odstavku (p.drugi). K temu primeru pa je dodana še ena lastnost: tekst, ki je znotraj odstavka (p.drugi) in znotraj ukaza (span) bo rumene barve.

gor Gor     e-gradiva     CSS     ABC     primeri    

SERŠ Maribor : Strokovna gimnazija : 2004 : Danijel Mom