stilne predloge uvodni primer kolikor sem seznanjen stilne predloge podpirajo netscape comunikator in noveji ter internet explorer sam sem zadevo poiskusil v internet explorerju in stvar ni delovala kot vemo ima vsak element v html dokumentu svoje lastnosti ki jih lahko definiramo na tekočem koraku ali pa e na začetku dokumenta to nam omogoča stilna predloga tako lahko vsakemu naslovu h h odstavku p div tekstu določim font velikost fonta ozadje poravnavo barvo obstajata več načinov kako definiramo stilno predlogo spoznali bomo dva ki jih podpira netscape comunikator eden je ccs cascading style sheet način drugi pa javascript način stilno predlogo definiramo z značkama kjer povemo katerega tipa je style type text css text javascript za začetek in style za konec vsak dokument je sestavljen iz objektov kot vemo so tudi elementi objekti v dokumentu tako pomeni document tags h color red da je naslov h rdeče barve ker je samo po sebi umevno da so elementi objekti dokumenta lahko piemo tudi tags h color red oglejmo si preprost primer napisan v css načinu style type text css h color blue font style italic style to pomeni da bodo vsi naslovi h modre barve in kurzivni isti primer napisan v javascrupt u bi se glasil style type text javascript tags h color blue tags h fontstyle italic style v zgornjem primeru vidimo da v css načinu napovemo kateri elemento bomo olepali in nato v zavitih olepajih natejemo lastnosti ki jih ločimo s podpičji v javascript načinu pa vsako lastnost definiramo posebej temu se izognemo tako da uporabimo funkcijo with v kateri v oklepajih navedemo značko katero hočemo olepati zgornji primer torej lahko zapiemo kot style type text javascript with tags h color blue fontstyle italic style hirearhija stilov nekemu elementu v html ju ki vsebuje e druge podelemente mu pravimo star podelementom pa potomci tako je naprimer star od p odstavek p pa potomec dobro je vedeti da se stili iz stara na potomce dedujejo le v primeru če potomca ne definiramo drugače torej lastnosti potomca prekrijejo lastnosti njegovage stara oglejmo si primer style type text css body color white background red p color black style celoten dokument bo imel sedaj rdeče ozadje in bel tekst razen odstavkov v katerih bo tekst črn definiranje stilnih predlog e v uvodnih primerih smo spoznali da stilno predlogo definiram z značkama style za začetek in style za konec povdaril bi samo e to da ga definiramo v glavi html dokumenta druga monost je ta da si naredimo zunanjo datoteko vseh lastnosti določenih elementov in se potem v glavi oblikovanega dokumenta sličemo na to datoteko poglejmo si primer kako naj taka datoteka izgleda zunanja datoteka stilov stil css h color white background black pre color red konec datoteka imamo sedaj pripravljeno le vključiti jo moramo v dokument to storimo tako da v glavi dokumenta zapiemo naslednjo vrstico head link rel stylesheet type text css href pot do datoteke head razredi stilov večkrat bi radi da v dokumentu nimajo vsi elemnti istega tipa iste lastnosti v ta namen lahko definiramo razrede z določenimi lastnostmi nato se na te razrede sklcujemo v samem dokumentu na tekočem koraku torej ele ko jih potrebujemo razrede prav tako kot stilne predloge definiramo v glavi dokumenta z značkama style za začetek in style za konec in sicer v css načinu style type text css all zeleni color green text weight bold style ali v javascritp načinu style type text javascript classes zeleni all color green classes zeleni all textweight bold style v tem primeru nam razred zeleni pomeni zelen povdarjen tekst uporabo razredov si poglejmo na preprostem primeru p class zeleni ta odstavek je zelen če hočemo ali pane p p ta odstavek ni zelen p ta odstavek je zelen če hočemo ali pa ne ta odstavek ni zelen lahko pa definiramo tudi razrede ki se navezujejo na določene elemente v dokumenu tako se naprimer razred rumen navezuje samo na odstavke p style type text css p rumen color yellow style primer p class rumen ta tekst je rumen p h class rumen ta naslov ni rumen h ta tekst je rumen ta naslov ni rumen v primeru da hočemo uporabiti več razredov za isti element v html dokumentu to ne gre v naslednjem primeru se lahko prepričamo da je upotevan samo prvi po vrsti navedeni razred drugi pa je ignoriran p class zeleni class rumen ta tekst je zelen in ne rumen p ta tekst je zelen in ne rumen poimenovanje individualnih stilov v html dokumentu lahko elementi uporabljajo razrede in individualne stile najbolj si bomo to predstavljali na primeru definiramo razed stil in v njem individualen stil moder style type text css all stil color red font size pt moder color blue style ali v javascript u style type text javascript with classes stil all color red fontsize pt ids moder color blue style uporaba p class stil ta tekst je rdeč velikosti pt p p class stil id moder ta tekst ni več rdeč je pa moder velikosti pt p ta tekst je rdeč velikosti pt ta tekst ni več rdeč je pa moder velikosti pt definiranje stilov za posamezne elemente zgoraj smo spoznali kako lahko definiramo stil za posamezen element istega tipa v glavi dokumenta lahko pa definiramo tudi stil elementa na tekočem koraku tako da v znački definiramo stil to storimo na sledeči način tag style nastejem lastnosti v css načinu ločim jih s tekst na katerega vpliva stil tag primer zapisan v css načinu p style color white background black font style italic ta tekst je bel kurziven v črnem ozadju p in v javascript načinu p style color 'white' background 'black' fontstyle italic ta tekst je bel kurziven v črnem ozadju p ta tekst je bel kurziven v črnem ozadju pri tem primeru bi e opozoril da pri lastnostih elementov kot so font style font size v javascriptu piemo le te brez znaka ker javascript to upoteva kot operator z uporabo značke span pa lahko vsidramo lastnosti v določen element ki e ima svoje lastnosti naprimer p style color white background black ta tekst je bel v črnem ozadju span style color blue font type italic background red ta pa moder i n kurziven v rdečem ozadju span p ta tekst je bel v črnem ozadju ta pa moder in kurziven v rdečem ozadju gnezdenje stilov da imamo večji nadzor nad stilom dokumenta lahko definiramo razred stilne predloge vendar pa včasih to ne zadoča tako bi naprimer imeli radi zelen tekst za vse elemente em ki so samo znotraj naslova h ta problem reimo na sledeči način style type text css h em color green style v css načinu in style type text javascript contextual tags h tags em color green style v javascript načinu uporaba h to je zelen em vgnezden tekst em pa tudi navaden naslov h h ta em vgnezden tekst em v naslov pa ni zelen h to je zelen vgnezden tekst pa tudi navaden naslov ta vgnezden tekst v naslov pa ni zelen za konec na tej strani so prikazane osnove stilnih predlog oziroma njihova uporaba za bolj podrobno obravnavo bi zmanjkalo časa predvsem pri natevanju in razlaganju lastnosti ki pripadajo točno določenim elementom Če vas to zanima si lastnosti lahko ogledate na naslovu http www w org pub www tr rec css za konec pa si lahko e ogledate primer iste strani le da ima ta v začetku link na datoteko z definirano stilno predlogo stil html s stilno predlogo stil css stil html s stilno predlogo stil css seminar seminar spored e mail rok kovacic fmf uni lj si