Pomocφ kaskßdov²ch styl∙ m∙₧eme vklßdat styly do ka₧dΘho prvku HTML, a¥ u₧
to jsou znaΦky < P> Φi < DIV> nebo takΘ HTML atributy jako nap°. aktivnφ a navÜtφvenΘ odkazy.
Do hlaviΦky HTML dokumentu nebo do
externφho souboru
vlo₧φme k≤d:
Text za // do k≤du nepiÜte - jde o komentß°.
< STYLE TYPE="text/css">
// zaΦßtek delkaracφ styl∙ - POUZE V HLAVI╚CE!
A {
// deklarace stylu pro tag A
...
// sem p°ijdou definice vlastnostφ pφsma
}
// konec deklarace stylu pro tag A
A :active {text-decoration: none}
// definice NEPODTRÄEN╔HO
pφsma pro aktivnφ odkaz
A :link {text-decoration: none}
// definice NEPODTRÄEN╔HO
pφsma pro odkaz
A :visited {text-decoration: none}
// definice NEPODTRÄEN╔HO
pφsma pro navÜtφven² odkaz
BODY :active {color:
jmΘno nebo k≤d barvy}
// definice barvy pφsma pro aktivnφ odkazy v celΘm
t∞le dokumentu
BODY :link {color:
jmΘno nebo k≤d barvy}
// definice barvy pφsma pro odkazy v celΘm
t∞le dokumentu
BODY :visited {color:
jmΘno nebo k≤d barvy}
// definice barvy pφsma pro navÜtφvenΘ odkazy v celΘm
t∞le dokumentu
< /STYLE>
// konec delkaracφ styl∙ - POUZE V HLAVI╚CE!
POZOR!
Definovan² styl pro znaΦku < A> bude pou₧it pro veÜker² text uzav₧en² do
< A> a < /A>, tedy i pro "N┴V╠èT═" < A NAME="nßv∞Ütφ"> text < /A>, kterΘ
nenφ odkazem!
Nezapomφnejte na ST╪EDN═K za ka₧dou definovanou vlastnostφ stylu!
Odkazy budou mφt stejnou ·pravu v celΘm dokumentu!