DHTML0137

Praktyczne zastosowanie CSS

Listing 8.9. Określanie wyglądu trzech różnych stanów połączenia

<head>

<raera hntp-eąui v=”Content-Type"

~>contertt = "text/html; cha r s e 1«IS O - 8 85 9-2 ^M > <tit.ie>Lisr. Ing 8.9</title>

A:link { color:purple; font-weight:bold; } A.:active { color: darkgoldernrod; font--»size: larger; }

A:visited { color: mediumpurple; font->size: 80%; font-weight: normal; }

</style>

</head>

<p>HoiC3t skorzystać i tego sa iiref-

"Lisr.ing-8-2 .htm”>połączenia</a>. </p> <p>Właśnie korzystasz z <a href-"Lis tinę-8-1. h tin " >a kty wnego poiączenia</a>.</p>

<p>A to jest przykład <a hret-"Li sting-8-9. hl:m">uźyr.ego połąc2enia</a>.</p>

</body>

Rysunek 8-9. Tak wygląda kod z listingu 8.9 wyświetlony w przeglądarce po użyciu drugiego

pofqc:enia i w trakcie klikania na triecim

Określanie wyglqdu połączenia

Większość przeglądarek pozwala na określanie kolorów połączenia (dla połączeń, odwiedzonych połączeń oraz aktywnego połączenia) w znaczniku <B0DY> dokumentu.

W kaskadowych arkuszach stylów możesz zdefiniować nie tylko te kolory, lecz także wszystkie inne właściwości, jakie chcesz nadać połączeniom.

Choć połączenie jest znacznikiem - <A> - to

jednak jego poszczególne atrybuty me są

znacznikami; z tego względu aby mocje określić, będziemy musieli skorzystać z odpowiednich pseudoklas skojarzonych 7. każdym z tych atrybutów. Różne rodzaje połączeń przedstawione zostały na rysunku 8.9.

Aby określić kontrastowe wyglqdy połączeń

1. A:link {color:purp!e;font-style: bold;}

Ta reguła definiuje, że nie odwiedzone połączenie ma być pogrubione i purpurowe, co sprawi, że będzie się ono odróżniało od otaczającego je tekstu.

2. A:active {colordarkgoldenrod; font-

—>size:larger;}

Ta reguła sprawi, że aktualnie wybrane połączenie będzie nieco ciemniejsze i większe.

3. A:visited {color:mediumpurple; font-->size:90%; font-wieght: normal;}

Ta reguła spowoduje, że odwiedzone połączenie ponownie stanie się purpurowe, będzie jednak nieco mniejsze i nie będzie pogrubione.

Określanie wyglądu połączenia

141

Wyszukiwarka

Podobne podstrony:
DHTML0135 Praktyczne zastosowanie CSS Listing 8.5. Zewnętrzny plik CSS o nazwie Listing-8-5.css, zaw
DHTML0139 Praktyczne zastosowanie CSS Listing X. 10. W tym arkuszu stylów zdefiniowane zostały ident
DHTML0129 Praktyczne zastosowanie CSS Istnieje wiele różnych sposobów wykorzystania kaskadowych arku
DHTML0131 Praktyczne zastosowanie CSS Praktyczne zastosowanie CSS Rozdział 3 KIM iłów o tabelach W j
DHTML0065 Kontrola tekstu w CSS Listing 3.4. Zapisywanie kwadratu jako indeksu górnego <head>
DHTML0067 Kontrola tekstu w CSS Listing 3.6. Użycie klasy nazwisku spowoduje. : • wyrazy będą się za
DHTML0133 Praktyczne zastosowanie C5S [jjj-Usting 8.3 “ Netscape Rysunek 8.5. Opuszczona i powiększo
metalurgia013 24 Metody ekstrakcyjne Fizyczna ekstrakcja żużlowa stanowi praktyczne zastosowanie pra
DHTML0029 Podstawy CSS Listing l. 1. Nadanie nowego wyglądu znacznikowi ■ B> B { font: bold 16pt
DHTML0035 Podstawy CSS Listing 1.9. Styl ve nagłówku określa, że linie u akapicie mają mieć wysokość
2. Przy ustalaniu oceny z części praktycznej egzaminu dyplomowego ma zastosowanie skala ocen określo
DHTML0006 Spis treści Rozdział 3. Kontrola tekstu w CSS 61 Określanie kerningu (od
DHTML0033 Podstawy CSS Podstawy CSS Listing 1.6. Wszystkim znacznikom nagłówków zostaje nadana ta sa
DHTML0036 Rozdział 1. Dodawanie CSS do dokumentu HTML-owego Głównym zastosowaniem CSS jest definiowa
DHTML0041 Podstawy CSS Listing 1.11. W tym przykładzie stworzono selektor klasy niezależnej oraz sel
DHTML0061 Kontrola tekstu w CSS Określanie odstępów między wyrazamiPodobnie jak odstępy miiftoy lite
DHTML0114 Umiejscawianie w CSS . Listing 7.1 etscape 5te £drt iew £o gamrrwfcatDr W języku HTML defi
DHTML0120 Umiejscawianie w CSS Umiejscawianie w CSS Listing 7.4 Netscape EOe fcrfit y.ew Qo ęommuftC
DHTML0122 Umiejscawianie w CSS Listing 7.6. Pierwszy akapity został umiejscowiony względnie i ustawi

więcej podobnych podstron