|
|
|
|
Cascading Style Sheets, je dio posljednje generacije HTML-a i mozete ga zamisliti
kao malog brata. CSS je naprednija mogucnost formatiranja vecih dijelova teksta.
Da bi ste kreirali style sheets postoji vise mogucnosti, kao prvo mozete ga
"rucno" unijeti unutar html koda, ili ga generirati pomocu specijalnih programa.
Programe za generiranje CSS-a poblize pojasnjavam u download-arealu.
CSS-kod mozete unijeti unutar html-koda i to izmedju <head></head>, ili taj kod snimiti kao
zasebu datoteku sa nastavkom .css i onda je linkovati unutar (opet) <head></head>, i to
ovako <link rel="stylesheet" type="text/css" href="ime.css">.
Izgradnja samog stylesheet-a orijentira se na html-tagove npr. h1 ili p.
Tocnije za svaki tag mozete konkretno odrediti kako ce tekst koji se nalazi
unutar njega izgledati. Osim toga mozete kreirati i vlastite stylesheet-e sa proizvoljnim imenima.
Bez obzira da li se vas style orijentira na nekom html-tagu ili ima proizvoljno ime postupak je analogan.
Tag 1 {
stil1 = vrijednost1
stil2 = vrijednost2
}
Konkretan primjer bio bi:
H1 {
font-style : italic;
font-size : large;
text-align : left;
background : Green
}
Ovo daje unutar H1 taga text koji je italic, velikih slova i koji se nalazi na zelenoj pozadini.
Bez CSS morali bi ste napraviti tablicu sa zelenom pozadinom, zatim fontove sa svim atributima. Ovako
na bilo kojem mjestu unutar html dokumenta jednostavno mozete iskoriti ovu funkciju, kod pisete samo jednom..
Mogucnosti su skoro neogranicene, izmedju ostalog tu su sljedeci atributi:
- font-(size, weight, color, style, family) naravno u jednom redu samo jedan od ovih (vidi primjer)
- text-decoration, npr none, underline, overline, linethrough
- text-transform : capitalize, uppercase, lowercase
- background i bgcolor - analogno kako kod body ili tablica.
- font-size : moze imati sljedece vrijednosti
xx-small, x-small, small, medium, large, x-large, xx-large
Kliknite ovdje da biste pogledali moj style sheet fajl..
Kada kreirate style sa svojim proizvoljnim imenom onda ispred imena stavite . , dakle ovako
.mojstil {
font-style : italic;
font-size : large;
text-align : left;
background : Green
}
Ako ste ovo unijeli unutar jednog html dokumenta, onda mozete bez ikakvih poteskoca pojedinim tagovima
pridruziti ovaj style i to ovako
<p class="mojstil">bilo koji text</p>
Onda ce text unutar ovog p taga imati izgled koji ste specificirali u vasem style sheet-u.
Ovo mozete koristiti i unutar <td>-taga ili unutar <li>-taga itd.
Ovo su samo neki od mogucnosti, css je mnogo opsirniji i pruza skoro neogranicene mogucnosti. U kombinaciji sa
JavaScriptom i layerima CSS cini jedan poseban ogranak web dizajna koji se popularno zove DHTML (Dynamic HTML).
Novi browseri podrzavaju style sheetove, ali je MS IExplorer u ovom slucaju za duzine
ispred netscape-a.
Buducnost u svakom slucaju pripada CSS-u, tagovi kao stu su font, align i bgcolor ce od HTML 4.0 verzije biti
deprecated, sto znaci da ih i dalje mozete koristiti, ali da se preporucuje da ih izostavljate u korist CSS-a.
|
|
by BHWebMasters 2000.
Sva prava su zadrzana.
Za pitanja ili savjete:
bhwebmasters@kvesko.de
Posaljite nam E-Postu.
|
|
|
| |
|
|
| | |