A hipertext jelölő nyelv, a HTML feltalálása óta a webdokumentumok elrendezésének és elrendezésének fogalmai drámai módon megváltoztak. A CSS és CSS2 lépcsőzetes stíluslap-szabványok népszerű böngészőinek szinte teljes támogatásával lehetővé vált a dokumentum vizuális bemutatásának szinte bármely aspektusának befolyásolása. Például a link hátterét színesre, bizonyos képpel kitöltötté és a felhasználó műveleteitől függően megváltoztathatja.
Szükséges
- - a dokumentum vagy a dokumentum stíluslapjainak szövegének szerkesztési képessége;
- - szövegszerkesztő, amely lehetővé teszi a dokumentum eredeti kódolásba történő mentését.
Utasítás
1. lépés
Tegye a hivatkozás hátterét egyenletesen véletlenszerű színnel feltöltve az inline stílusinformációk hozzáadásával az A elemhez. Adjon hozzá stílust az A elem attribútumaihoz, amelyek megfelelnek annak a linknek, amelynek hátterét módosítani szeretné. A style attribútum tartalmában helyezze el a háttérszín CSS tulajdonságot a megadott értékkel, amely a háttérszín helyes azonosítója. Például így nézhet ki:
link szövege
2. lépés
Határozza meg a hivatkozás hátterét egy külső vagy beágyazott stíluslapban a dokumentumban. A megfelelő stíluslapba adjon hozzá egy olyan szabálykészletet, amelyet egy választó kezel, elfogadható szintű specifikussággal. A szabálykészletbe írja be a háttérszín tulajdonságot ugyanúgy, mint az előző lépésben. Válassza ki a választó specifikusságát a CSS2 lépcsőzetes szabályai és a kívánt hatókör alapján. Tehát, ha csak egy link színét kell beállítania, akkor van értelme azonosító választót használni, ha több ilyen link van, akkor jobb, ha az osztályérték alapján választunk egy attribútumválasztót.
Például egy dokumentum zöld hivatkozásának zöld háttér beállításához szabálykészletet adhat a stíluslaphoz:
# ID_GREEN
{
háttérszín: # 00FF00;
}
Be kell állítania az A elem ID attribútumát is, amely megfelel az ID_GREEN kívánt linkjének:
link szövege
3. lépés
Töltse ki a link hátterét képpel. Kövesse az első és a második lépésben leírt módszereket, de a háttérszín CSS tulajdonság helyett a háttérképet használja. Például:
link szövege
Ha szükséges, adjon hozzá egy háttérismétlő tulajdonságot a beállított CSS-szabályokhoz, hogy meghatározza a háttérkép vízszintes és függőleges másolásának lehetőségeit.
4. lépés
Változtassa meg a hivatkozás hátterét, amikor az egér fölé viszi az egeret, vagy amikor a fókusz elmozdul. Szabálykészletek hozzáadása egy külső vagy beágyazott dokumentumstílus-laphoz, amelyek meghatározzák egy hivatkozás vagy linkcsoport hátterét különböző állapotokban. Használja az azonosító- és attribútumválasztókat a dinamikus ál-osztályokkal együtt: lebeg,: aktív és: fókusz. Például ahhoz, hogy egy ID_DYNAMIC_BACKGROUND ID attribútum értékű hivatkozás háttere inaktív állapotban piros és zöld legyen az egérkurzor alatt, a következő szabálykészleteket kell hozzáadni a stíluslaphoz:
# ID_DYNAMIC_BACKGROUND
{
háttérszín: # FF0000;
}
A # ID_DYNAMIC_BACKGROUND: lebeg
{
háttérszín: # 00FF00;
}
Ugyanezt teheti, ha dinamikusan változó képpel hoz létre hátteret.
