|
Oto
najpopularniejszy ze styl≤w css (link bez
podkre╢lenia) :
http://www.jaki╢.link.com
Kod
wkleiµ nale┐y miΩdzy <head> a
</head> (wtedy ka┐dy link znajduj▒cy
siΩ na stronie bΩdzie wygl▒da│ tak jak
w przyk│adzie)
<STYLE
type=text/css>A:link {
COLOR:
Blue; TEXT-DECORATION: none
}
A:visited
{
COLOR:
Blue; TEXT-DECORATION: none
}
A:hover
{
COLOR:
Red; TEXT-DECORATION: underline
}
</STYLE>
Style mo┐na
do│▒czaµ na cztery r≤┐na sposoby. Dwa
z nich dotycz▒ w│▒czania styl≤w
zdefiniowanych w oddzielnych plikach, a
dwa pozosta│e - definiowania styl≤w
"inline". Sposoby te przedstawia
poni┐szy przyk│ad:
<link rel=stylesheet href="http://│adne.style.com.pl/jaki╢styl.css">
- definicja zewnΩtrznego stylu wystΩpuj▒ca
w sekcji <head> dokumentu.
@import url(http://│adne.style.com.pl/jaki╢styl.css);
- definicja zewnΩtrznego stylu wystΩpuj▒ca
w elemencie <style>.
H1 { color: blue } - definicja stylu w
elemencie <style>.
<p style="color:
green">zielono mi</p> -
definicja stylu w atrybucie elementu.
Poniewa┐ przegl▒darki ignoruj▒ nieznane
elementy jΩzyka HTML dobr▒ zasad▒ jest
ukrywanie zawarto╢ci elementu
<style>, gdy┐ m≤g│by on zostaµ
po prostu wy╢wietlony przez starsze
przegl▒darki, kt≤re nie obs│uguj▒ styl≤w.
Zatem style umieszcza siΩ w komentarzach:
<style><!--
H1 { color: red }
--></style>
JΩzyk CSS przewiduje trzy poziomy styl≤w:
domy╢lny (ustawiany w przegl▒darce),
czytelnika (specyfikowany przez u┐ytkownika
przegl▒darki w spos≤b przez ni▒ umo┐liwiany)
i autora (definiowany w dokumencie).
Poziomy te s▒ ustawione od najmniej wa┐nego
do najwa┐niejszego, tzn. deklaracja
zmiany koloru czcionki ustawiona w
dokumencie jest wa┐niejsza ni┐
deklaracja czytelnika. Mo┐na jednak zwiΩkszyµ
wagΩ deklaracji poprzez dodanie "!
important" np.:
autor zadeklarowa│: H1 { color: silver; }
czytelnik za╢: H1 { color: red !
important; } - zatem tekst nag│≤wk≤w bΩdzie
czerwony. Gdyby nie by│o oznaczenia
"! important" w deklaracji
czytelnika tekst zosta│ by pokazany w
kolorze srebrnym.
Autor
:
Krzysiek Dziewo±ski
info@webhelp.prv.pl
|
