A háttérkép referenciája

CSS-kapcsolatok

CSS-kapcsolatok tartalmaznak olyan tulajdonságokat, amelyek felelősek a hipertext HTML dokumentumláncok megjelenéséért. A linkek a webhely navigálásának fő módja, így a CSS-stílusok regisztrációs használata javítja a vizuális érzékelésüket.

A linkek tervezésének fő módja az aláhúzás referenciája stilizálása és a link szövegének megváltoztatása. A kurzor megjelenését is megváltoztathatja az ingatlan használatával .

Hypertext linkek regisztrálása

1. A hipertext-kapcsolatok állapotainak pszeudoklassikája

A legtöbb böngésző a hiperhivatkozások négy főállapotát osztja ki, amelyek mindegyike megfelel a választó pszeudo-osztályának:

Érett & #;
Meglátogatott & #; amelyen a & # átmenetet már elvégezték;
Nem préselt & #; Ezen felül az egérmutató & #;
Sajtolt & #; amely az egérrel van ellátva & #;

A pszeudo-iskolák használatával minden linkállapot formázása, a felhasználók számára megadhatja az utasításokat, mely linkeket már telt el, és mi & #; Nem, például:

Formátum hivatkozásokra van szükség a megadott sorozatban, különben a stílusok stílusa leáll (a kaszkád mechanizmus miatt).

2. Az egyes linkek kiválasztása

Az egyes linkek kialakításához meg kell kérdeznie őket egy stílusosztályt, amely után lehetőség nyílik a kiválasztott linkek megjelenésére:

3. Linkek megértése

Underscore törlése:

Undercore hozzáadása csak akkor, ha lebegné a linkre:

Külső alsó határlánc:

4. Képek a linkekhez

Adja hozzá a képet a linkhez a CSS tulajdonságai használata . Mivel az elem egy vonal, akkor egy blokkelemre kell átalakítani .

A kép vagy ikon beillesztése a hivatkozás előtt, hozzá kell adnia egy fűtést az ingatlanhoz . Ez a vételi hasznos lehet abban az esetben, ha az oldal linkeket letölteni olyan dokumentumok különböző formátumokban, és felveheti a fájltípus ikon nagyobb láthatóságot.

Ha szükséges, hogy az ikont automatikusan hozzáadja az egyik formátumú dokumentumokat tartalmazó összes hivatkozáshoz, használhatja a következő tervezést:

Az attribútumválasztó karaktere megadja a böngésző számára, hogy megtalálja az összes attribútumot, amely bizonyos módon (ebben az esetben), és adja hozzá a megfelelő ikont a linkhez.

5. A háttérkép használata

A hivatkozás megjelenését konvertálhatja, hozzáadva a háttérképet az alsó határként:

6. Linkek gombok

A tulajdonságoknak köszönhetően, és a linkek megtekinthetők a téglalap alakú gombokról, és megváltoztathatják a linkek bizonyos tulajdonságainak megjelenítését, amikor az egérmutatót lebegítjük, érdekes hatásokat adunk hozzá.

Menjen az oldalra példákkal

7. Példák hivatkozásokra

A hipertext linkek különböző módon bocsáthatók ki, de a terv fő alkalmazása a hivatkozás megjelenésének módosításán alapul, amikor az egér kurzor & #; Linkállapot .