Cilj predmeta jeste dizajn dinamičkih veb strana koje uključuju interakciju korisnika. Cilj predmeta jeste dizajn dinamičkih veb strana koje uključuju interakciju korisnika

Primer internog apliciranja stila:

• Primer internog apliciranja stila:

Primer internog apliciranja stila u mešanoj HTML&XHTML varijanti:

• Primer internog apliciranja stila u mešanoj HTML&XHTML varijanti:

• 
  

• 

• 
  

Prioriteti stilova, od najvišeg ka najnižem:

• Prioriteti stilova, od najvišeg ka najnižem:

• stavka korisničkog stila koja se završava sa !important
• stavka autorovog stila koja se završava sa !important
• stavka autorovog stila
• stavka korisničkog stila
• stavka defolt stila

Bira se stavka prema nivou specifičnosti koji je predstavljen kao abcd. Bira se stil sa većim nivoom.

• Bira se stavka prema nivou specifičnosti koji je predstavljen kao abcd. Bira se stil sa većim nivoom.

• a=1 ako stavka potiče iz atributa style u okviru taga, inače je 0.
• b je broj id-ova u specifikaciji.
• c je broj atributa u specifikaciji.
• d je broj elemenata u specifikaciji.

• Ako dve stavke imaju isti prioritet i nivo specifičnosti bira se ona koja se kasnije pojavljuje.

• Izuzetaka ima kod brauzera, pri prikazivanju: hiperveza kada su setovane korisničke preference, lista itd.

p.citati {color:red; font-size:small;}

• p.citati {color:red; font-size:small;}

• abcd=0011

• div.engleski p.citati {color:blue;}

• abcd=0022

• .citati {color:red;}

• abcd=0010

• #engleski .citati {color:yellow;}

• abcd=0110

• .selectform input[type="text"]{border-color:red;}

• abcd=0020

Sintaksa za formatiranje teksta se razlikuje u HTML4 i XHTML jezicima.

• Sintaksa za formatiranje teksta se razlikuje u HTML4 i XHTML jezicima.

• Brauzeri podržavaju oba formata, ali je preporučivo da se pređe na XHTML jer je on standard.

• Tag iz HTML4 je potisnut

Primeri:

• Primeri:

• Ovde dodje vaš tekst.

• Ovde dodje vaš tekst.

• Ovde ide vaš tekst.

• Ovde ide vaš tekst.

Podsobine osobine font su:

• Podsobine osobine font su:

• font-style: italic, oblique, normal;
• font-weight: bold, bolder, lighter ili broj 100-900;
• font-variant: smallcaps, normal;
• font-size: u pikselima, relativne, ili opisne: small, medium, large;
• line-height: relativne u odnosu na tekst ili apsolutne;
• font-family: može imati više vrednosti …

• Ako se koristi osobina font, sve vrednosti mogu da se nabroje bez partikalrnih atributa, pri čemu su veličina fonta i visina linije razdvojeni /.

Primeri:

• Primeri:

• h1, h2 {font-size: 20px;}

• p {font: 12px/150% “Verdana” “Helvetica”;}

• .citati {font-style: italic;font-weight:bold;}

Mogu se koristiti novi fontovi pomoću komande @font-face čija će specifikacija, uključujući i njenu lokaciju, biti uključena u definiciju fonta.

• Mogu se koristiti novi fontovi pomoću komande @font-face čija će specifikacija, uključujući i njenu lokaciju, biti uključena u definiciju fonta.

• Primer (radi na Mozili):

Svi elementi stranice rad sa bojama organizuju identično

• Svi elementi stranice rad sa bojama organizuju identično

• Preko predefinisanog engleskog naziva boje (npr. "yellow" za žutu boju)

• Ili preko heksadecimalne RGB vrednosti ispred koje obavezno treba staviti simbol # (npr. #ffff00)

Boja pozadine se određuje atributom bgcolor u okviru taga, ili tagova za tabele.

• Boja pozadine se određuje atributom bgcolor u okviru taga, ili tagova za tabele.

• U slučaju da se prilikom navođenja taga body izostave opisani atributi, čitač im dodeljuje predefinisane vrednosti.

• Primeri:

•