Wszystkie przeglądarki WWW używają domyślnych kolorów dla linków, jeśli projektant stron internetowych ich nie ustawia. Oni są:
- Domyślny kolor łącza
- Aktywny kolor łącza (po kliknięciu i przytrzymaniu myszy nad linkiem)
- Kolor odnośnika (po kliknięciu tego linku)
Co więcej, podczas gdy większość przeglądarek internetowych nie zmienia tego domyślnie, możesz także zdefiniować kolor wskaźnika - kolor, który ma link, gdy nad nim znajduje się mysz.
Użyj CSS, aby zmienić kolory linków
Aby zmienić te kolory, użyj Kaskadowego arkusza stylów. Najłatwiejszym sposobem zmiany koloru linku jest stylizacja tagu:
a {color: black; }
W tym CSS niektóre przeglądarki zmieniają wszystkie aspekty łącza (aktywne, śledzone i najechane) na czarne, podczas gdy inne zmieniają tylko domyślny kolor.
Użyj pseudoklas CSS, aby zmienić wszystkie części łącza
Pseudo-klasa jest reprezentowana w CSS dwukropkiem (:) przed nazwą klasy. Cztery pseudoklasy wpływają na linki:
Aby zmienić domyślny kolor linku:
a: link {color: red; }
Aby zmienić aktywny kolor:
a: active {color: blue; }
Aby zmienić kolor odnośnika:
a: visited {color: purple; }
Aby zmienić wskaźnik myszy na kolor:
Rozważania
Unikaj nadpisywania domyślnych kolorów linków, aby linki były trudniejsze do znalezienia. Na przykład zmiana linku na bardzo jasny kolor na białym tle będzie niekorzystnie wpływać na użytkowników niedowidzących. Staraj się także o osobne kolory dla aktywnych i obserwowanych kolorów, aby upewnić się, że odwiedzający witrynę nie będą mieli wątpliwości co do odwiedzonych stron.
