Minden web böngésző az alapértelmezett színeket használja a linkekhez, ha a web designer nem állítja be azokat. Ők:
- Az alapértelmezett kapcsolat színe
- Az aktív kapcsolat színe (ha az egeret rákattintják, és a link fölött tartják)
- A követett link színe (ha korábban rákattintott a linkre)
Ráadásul, míg a legtöbb internetes böngésző alapértelmezés szerint nem változtatja meg ezt a beállítást, meghatározhatja a lebegő színt is - az a szín, amelyik a kapcsolat, ha egeret tartanak rajta.
Használja a CSS-t a Link színek módosításához
Ezeknek a színeknek a megváltoztatásához használjon Cascading Style Sheet-et. A link színe megváltoztatásának legegyszerűbb módja a címke stílusának beállítása:
a {szín: fekete; }
Ezzel a CSS-sel néhány böngésző megváltoztatja a link összes elemét (aktív, követve és lebegve) a feketére, míg mások csak az alapértelmezett színt változtatják meg.
Használja a CSS Pseudo-osztályokat a Link összes részének módosításához
Az ál-osztály a CSS-ben van egy kettősponttal (:) az osztálynév előtt. Négy pszeudoosztály kapcsolódik a linkekhez:
Az alapértelmezett kapcsolat színének megváltoztatása:
a: link {szín: piros; }
Az aktív szín megváltoztatása:
a: aktív {szín: kék; }
A követett link színe megváltoztatása:
a: visited {color: purple; }
Az egér színének megváltoztatása:
szempontok
Kerülje az alapértelmezett kapcsolat színeinek felülírását, nehogy a hivatkozások nehezebbek legyenek megtalálni. Például ha egy fehér háttérrel összeköti egy nagyon világos színű linket, hátrányosan befolyásolja a látássérült látogatókat. Az aktív és a követett linkekhez külön színek célzása is, annak érdekében, hogy a webhely látogatói ne legyenek zavarodva arra, hogy mely oldalakat látogatták meg.