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

color: #669;}

a:hover {

background-color: #fff;

color: #339;}

body {

• body {

• font-family: "Trebuchet MS", Verdana, Sans-serif;

• color:black; text-decoration: none;}

• h2, h3 {color:#339}

• a:link {

• color: red;

• font-family: Arial;

• font-weight: bold;

• text-decoration: none;}

• a:visited {

• color: #669;}

• a:hover {

• background-color: #fff;

• color: #339;}

body {

• body {

• font-family: "Trebuchet MS", Verdana, Sans-serif;

• color:black; text-decoration: none;}

• h2, h3 {color:#339}

• #navigation a:link {

• color: red;

• font-family: Arial;

• font-weight: bold;

• text-decoration: none;}

• a:visited {

• color: #669;}

• a:hover {

• background-color: #fff;

• color: #339;}

Vertikalno pozicioniranje se vrši pomoću osobine vertical-align koji može imati vrednosti middle, sub, super, text-top, text-bottom, top, bottom, itd.

• Vertikalno pozicioniranje se vrši pomoću osobine vertical-align koji može imati vrednosti middle, sub, super, text-top, text-bottom, top, bottom, itd.

• Osobina vertical-align se aplicira se na inline objekte.

Koji će element biti iznad koga određuje osobina z-index, koji uzima vrednosti celih brojeva.

• Koji će element biti iznad koga određuje osobina z-index, koji uzima vrednosti celih brojeva.

• Element sa većim indeksom z-index će biti iznad elementa sa manjim indeksom.

Se određuje pomoću osobine width, height, padding, border, i margin. Padding je rastojanje između sadržaja i granice, border je granica, a margin rastojanje između dva susedna elementa. Osobina border ima podosobine border-style (dotted, dashed, solid,…), border-width, i border-color.

• Se određuje pomoću osobine width, height, padding, border, i margin. Padding je rastojanje između sadržaja i granice, border je granica, a margin rastojanje između dva susedna elementa. Osobina border ima podosobine border-style (dotted, dashed, solid,…), border-width, i border-color.

• Sve ove osobine mogu imati apsolutnu ili relativnu vrednost. Relativna vrednost je uvek u procentima i računa se u odnosu na roditeljski element.

• Sve ove osobine imaju podosobine koji specificiraju stranu elementa, npr. border-left, margin-bottom, padding-right ..., pa se tako formiraju i podosobine kao border-left-color itd.

Osobina margin, je jednaka maksimumu osobina margin dva susedna elementa. Osobina margin se dodaje na udaljenost definisanu osobinama top, left, bottom, right

• Osobina margin, je jednaka maksimumu osobina margin dva susedna elementa. Osobina margin se dodaje na udaljenost definisanu osobinama top, left, bottom, right

• Centriranje kad je display block

• #element{display:block; margin:0 auto;}

U roditeljskom elementu elementa koji centriramo koristimo

• U roditeljskom elementu elementa koji centriramo koristimo

• text-align: center;

• Element koji centriramo treba da bude inline, odnosno najčešće

• display: inline-block;

Centriranje dokumenta fiksne širine

• Centriranje dokumenta fiksne širine

• body {

• width: 800px;

• margin: 0 auto;}

• Centriranje dokumenta fleksibilne širine

• body {

• width: 80%;

• margin: 0 auto;}

Širina html i body elementa su jednake vidljivoj širini. Njihova pozadinska slika je jednaka ovoj širini, a boja zauzima i nevidljivi deo.

• Širina html i body elementa su jednake vidljivoj širini. Njihova pozadinska slika je jednaka ovoj širini, a boja zauzima i nevidljivi deo.

• Slično je sa visinom. Razlika je da visina body elementa je do kraja sadržaja. Da bi bila ista kao visina html elementa, mora se specificirati visina html i body elemenata kao 100%.

Fiksna pozadina koja se ne pomera, i zauzima ceo ekran treba da specificira background-size: 100% 100%; background-attachment: fixed;

• Fiksna pozadina koja se ne pomera, i zauzima ceo ekran treba da specificira background-size: 100% 100%; background-attachment: fixed;

•