<meta name="author" content="Jakub & Jan Filipowscy">
<meta name="description" content="Serwis webmasterow. Znajdziesz tu kilka kursow popularnych internetowych jezykow programowania takich jak: HTML, CSS, WML, SGML, XML, PHP, Perl i Java. Zamiescilismy tu rowniez wiele skryptow JavaScript, PHP i CGI. Przeczytac mozna kilka artykulow i sciagnac kilka szablonow. Dla poczatkujacych jest dzial BeginnerZone. ">
<P ALIGN="justify">W tym poradniku zajmΩ siΩ jedynie stylami zewnΩtrznymi, czyli umieszczonymi w innym pliku. Tworzymy nowy plik o rozszerzeniu *.css i wpisujemy do niego komendy. Podam tutaj przyk│ad dla sekcji BODY:<BR><BR>
BODY {<BR>
FONT-SIZE: 8pt;<BR>
FONT-WEIGHT: normal;<BR>
FONT-FAMILY: Verdana;<BR>
COLOR: white;<BR>
BACKGROUND-COLOR: black;<BR>
TEXT-DECORATION: none<BR>
}<BR><BR>
Na pocz▒tku podajemy znacznik, dla kt≤rego chcemy odwo│aµ dany styl. Otwieramy nawias klamrowy. Podajemy w│a╢ciwo╢ci, wstawiamy dwukropek i podajemy warto╢ci. Po zako±czeniu opisywania ka┐dej w│a╢ciwo╢ci nale┐y postawiµ ╢rednik, z wyj▒tkiem ostatniej warto╢ci, kt≤r▒ ko±czy zamkniΩty nawias klamrowy. Tak wygl▒da wyrywek pliku css, kt≤ry sk│ada siΩ z podobnych komend, jednak odnosz▒cych siΩ do r≤┐nych znacznik≤w.<BR><BR>
Najwa┐niejsz▒ rzecz▒ w ca│ej tej zabawie jest wstawienie odpowiedniej komendy w pliku *.html, kt≤ra pozwala komputerowi ustaliµ ╝r≤d│o, z kt≤rego ma pobieraµ w│a╢ciwo╢ci styli. Je┐eli stworzyli╢my plik styl.css, nale┐y wstawiµ nastΩpuj▒c▒ komendΩ w sekcji HEAD:<BR><BR>
PamiΩtajmy, aby plik css znajdowa│ siΩ w tym samym folderze, co pliki html. Nie bΩdΩ siΩ tutaj zag│Ωbia│ w dok│adniejsze rozumienie styl≤w, w klasy i selektory, wystarczy, ┐e wiemy, jak tworzy siΩ style i jest to do╢µ proste. Aby dowiedzieµ siΩ wiΩcej o stylach, zajrzyj do <A HREF="strona.php@url=css_2Fi">Kursu CSS autorstwa Marcina Maciochy</A>, kt≤ry r≤wnie┐ znajduje siΩ na tej witrynie.<BR><BR>
Powy┐szy przyk│ad odnosi│ siΩ do ju┐ istniej▒cego znacznika w jΩzyku HTML. Ale mo┐emy tworzyµ w│asne, na przyk│ad, je┐eli chcemy jeden akapit (P) wyr≤┐niµ spo╢r≤d innych. Je┐eli do pliku css wstawimy opis stylu dla znacznika P, to wszystkie akapity bΩd▒ mia│y takie w│a╢ciwo╢ci. Ale mo┐emy wstawiµ sw≤j akapit, przed kt≤rego nazw▒ postawimy kropkΩ, np.:<BR><BR>
.MOJ-AKAPIT {<BR>
FONT-SIZE: 8pt;<BR>
FONT-WEIGHT: normal;<BR>
FONT-FAMILY: Verdana;<BR>
COLOR: maroon<BR>
}<BR><BR>
W pliku html musimy wstawiµ odwo│anie w postaci:<BR><BR>
<td width="770" valign="top" colspan="3" align="right"><br><br><span class="m">All rights reserved by <a href="mailto:web-area@web-area.org">J&J Filipowscy Design & Code</a></td>