Do│▒czanie do zewnΩtrznego arkusza styl≤w

Ka┐d▒ stronΩ mo┐na do│▒czyµ do zewnΩtrznego arkusza styl≤w, w kt≤rym s▒ zdefiniowane w│asno╢ci r≤┐nych element≤w. Na przyk│ad, strony opisuj▒ce oprogramowanie internetowe w NarzΩdziach internetowych (w serwisie Wydawnictwa Lupus) s▒ do│▒czane do zewnΩtrznego arkusza o nazwie toolstyl.css (rozszerzenie .css), umieszczonego na serwerze. Arkusz zosta│ zapisany nastΩpuj▒co:


<HTML>
<STYLE TYPE="text/css">
<!--

BODY {text-align: justify; margin-left: 1cm; margin-right: 1cm; margin-top: 1cm}
P {font-family: "Arial CE", Arial, Helvetica; font-size: 10pt; font-weight: normal; text-indent: 3 em}
A {text-decoration: none; color: blue}
H1 {font-size: 24pt}
H2 {font-size: 20pt}
H3 {font-size: 16pt}
H1, H2, H3 {font-family: "Arial CE", Arial, Helvetica; font-weight: bold; color: #808000}
TD {font-family: "Arial CE", Arial, Helvetica; font-size: 10pt; font-weight: normal}
LI {font-family: "Arial CE", Arial, Helvetica; font-size: 10pt; font-weight: normal}

-->
</STYLE>
</HTML>


Przyk│adowo, artyku│ opisuj▒cy edytor Paj▒czek zawiera nastΩpuj▒c▒ czΩ╢µ nag│≤wkow▒:


<head>
<title>Paj▒czek 2.0</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="author" content="Pawe│ Wimmer">
<meta http-equiv="authoring tool" content="Paj▒czek">
<meta http-equiv="distribution" content="global">
<meta http-equiv="resource-type" content="document">
<LINK REL=stylesheet HREF="../style/toolstyl.css" TYPE="text/css">
</head>


ProszΩ zwr≤ciµ uwagΩ na wiersz (niebieski) zawieraj▒cy odniesienie do arkusza. Jest on umieszczany w ramach czΩ╢ci nag│≤wkowej (HEAD) i ma ╢ci╢le okre╢lon▒ sk│adniΩ. HREF wskazuje ╢cie┐kΩ do katalogu, w kt≤rym jest umieszczony arkusz. Mo┐e on byµ, oczywi╢cie, ulokowany w tym samym folderze, co strony zawieraj▒ce odniesienie do niego. Wszystkie definicje zewnΩtrzego arkusza styl≤w s▒ automatycznie przyjmowane przez elementy danej strony.

Stosowanie zewnΩtrznego arkusza ma tΩ zaletΩ, ┐e nie jest konieczne wprowadzanie styl≤w na konkretnej stronie, zmniejszamy objΩto╢µ plik≤w, a tak┐e mo┐emy za pomoc▒ zmiany jednego parametru w arkuszu styl≤w zmieniµ wygl▒d wszystkich stron, kt≤re siΩ odwo│uj▒ do tego arkusza (np. kolor tytu│u czy wielko╢µ czcionki akapit≤w).