A html-ben lévő hivatkozások megjelenítési paramétereinek megváltoztatása lépcsőzetes css stíluslapok segítségével történhet. Lehetővé teszik a hivatkozás betűtípusának és annak színének testreszabását, mielőtt a felhasználó rákattintana és az egérrel kattintana. Megváltoztathatja a használt betűtípus betűtípusát és méretét is.
Utasítás
1. lépés
Osztályok és ál-osztályok használhatók a css kapcsolati paraméterek beállítására. Az ál-class a: link a szokásos link stílusát állítja be, a: látogatott lehetővé teszi a már használt hivatkozás megjelenítésének testreszabását. A: active kezeli a címke paramétereit, amikor a kurzorra kattintanak az elemen, a: hover pedig a hivatkozás stílusát állítja be, amikor az egér fölé viszi az egeret. Bármely osztályt létrehozhat maga az elem számára, és a paraméterekben a szabványos operátorokkal formázhatja a szöveget.
2. lépés
A link szövegének aláhúzásának letiltásához a böngészőben használja a text-decoration: none paramétert. Ezt az attribútumot megadhatja mind egy osztályban, mind egy ál osztályban. A link színének megváltoztatásához használja a színparamétert a mérethez - a standard font-size attribútumhoz. Ha félkövér vagy dőlt betűt szeretne beírni, használja a font-weight paramétert.
3. lépés
Nyissa meg a html fájlt bármilyen szövegszerkesztővel, amelyet az oldal kódjának szerkesztésére használ. Ezt követően lépjen a dokumentum egy szakaszához, és egy fogantyú segítségével állítsa be a css kódot az oldal jövőbeni linkjeihez. Például:
Linkek módosítása
a: link {text-decoration: nincs;
betűméret: 14 képpont;
betű súlya: félkövér;
piros szín; }
4. lépés
Ez a kód eltávolítja az aláhúzást egy szokásos hivatkozásból, a szöveg méretét 14 pixelre állítja, vastag stílusot és vörös színt alkalmaz az elemre. Most a címkében található bármelyik link így jelenik meg.
5. lépés
A css osztályok segítségével stílusozhatja az egyes linkeket. Így, ha a címkében lévő kód a következőképpen néz ki:
a.link1 {font-size: 20px; fekete szín;}
6. lépés
A hivatkozás méretét 20 pixelre és feketére állíthatja a dokumentum törzsében található osztály használatával az alábbiak szerint:
Link
A példából láthatja, hogy a hivatkozáshoz hozzárendelték a létrehozott visszalépő css kódosztályt a hivatkozás class attribútumának megadásával. Ez a link most fekete színben jelenik meg, és 20 pixel méretű lesz. Az attribútum módosításához módosítsa az oldalrész css kódját.
7. lépés
A hivatkozás megjelenésének módosítása befejeződött, elmentheti a fájlban végrehajtott módosításokat, és futtathatja megtekintésre egy böngészőben.
