A CSS használata a hiperhivatkozások stílusához a weblapokon

Lehet 3, 2024

Ha ismeri a HTML-t, akkor tudja, hogy vezérelheti a weboldal szövegének és a hiperhivatkozások színét. De a lépcsőzetes stíluslapokkal sokkal többet tehet. Bizonyos címkék, például a hiperhivatkozási rögzítőcímke rendelkezik úgynevezett álnévekkel, amelyek a címke különböző állapotaihoz vannak társítva. Például a hiperhivatkozás címkének négy állapota van; link, meglátogatott, lebeg és aktív.

Ha egy linket nem használ (nincs kiválasztva), az az link ál-osztály vagy állam. Az látogatott állapota a link használatát követi. Az lebeg állapot, amikor az egér áthalad a link és a aktív állapot az, amikor rákattint a linkre. A CSS varázslata az, hogy a kapcsolat mindegyik állapotát ál-osztályokon keresztül függetlenül vezéreljük. Tehát az egyes állapotokhoz különböző tulajdonságokat állíthat be. Bármely tulajdonságot használhat a CSS hiperhivatkozási rögzítőcímkéjéhez.

Az alábbi példában a link állapotát pirosra, a meglátogatott állapotot lilara (# 400040), a lebegő és az aktív állapotokat pirosra, aláhúzással és dőltre állítjuk.

Jegyzet--A nyíl

azt jelzi, hogy a kód egy második sorba van csomagolva, és valóban mindennek egy sorban kell lennie.

Mint láthatja, a színtulajdonságot minden állapotban pirosra állítottuk, kivéve a meglátogatott állapotot, amelyet lila színűre állítottunk. Mivel csak azt szeretnénk, hogy a hiperhivatkozást aláhúzzuk a lebegő és az aktív állapotokra, a másik két állapothoz a szöveg-dekorációs tulajdonságot egyikre sem állítottuk. Végül beállítottuk a betűtípust dőlt betűként az aktív lebegőpontokhoz és az aktív állapotokhoz, amelyek miatt a szöveg dőltsé válik, ha átlépünk vagy rákattintunk a linkre, és beállítottuk a szövegdekorációt aláhúzásra. Ez csak egy egyszerű példa. Készítheti stílusait olyan egyszerű vagy képzeletbeli, amennyit csak akar. Van azonban néhány dolog, amire emlékezni kell.

A böngészők különböznek attól, hogy hogyan kezelik ezt. Általában, ha egy tulajdonságot egy bizonyos értékre állít be, akkor azt örökli (továbbadja) az azt követõen felsorolt államok. A fenti példában a kódban felsorolt első állapot a link állapota volt, és a színtulajdonságot pirosra állítottuk. Legtöbbször ezt a másik három államra továbbítják, hacsak nem változtatjuk meg kóddal, ahogyan a meglátogatott állam esetében. Továbbá, ha nem állítottuk volna vissza a szöveg-dekorációt aláhúzásra, akkor a lebegő és az aktív állapotok szövege nem lett volna aláhúzva, mert az első állapotban kikapcsoltuk. De nem számíthat arra, hogy minden böngésző ezt megteszi. Ezért a legjobb, ha az összes tulajdonságot minden egyes állapothoz külön beállítja.

Képzeletbeli linkek tervezésekor ne végezzen nagy változtatásokat az állapotok között, például ne változtassa meg a szöveg méretét drasztikusan. Ennek következtében a böngésző újratölti az oldalt, és a látogatók nagyon fel lesznek bosszantva.

A sorrend, amelyben felsorolja az ezen álszereplők kódját, a lépcsőzetes sorrend befolyásolja. A kaszkád sorrendjét egy későbbi bemutatóban tárgyaljuk. Most csak ne feledje, hogy a konfliktusok elkerülése érdekében az állatokat a fenti sorrendben kódolja; link, meglátogatott, lebeg és aktív.

Video Utasításokat: HTML/02 - külső + belső hivatkozások + aloldalak (Lehet 2024).

A CSS használata a hiperhivatkozások stílusához weblapokon, HTML-en, a címke különböző állapotaihoz társított pszeudo-osztályokon, álnév-osztályon, hiperhivatkozáson, hiperhivatkozások kódolásán a CSS-ben, CSS ál-osztályon, CSS-államokon, egy címke állapotán, fantasztikus linkeken CSS, fantáziadús linkekkel rendelkező weboldalon

Előző Cikk

Következő Cikk

Kapcsolódó Cikkek

számítógépek

PS2 a TV-hez és a sztereó csatlakozás a kapcsolódoboz segítségével

Lehet 2024

Megpróbál több konzolt csatlakoztatni a TV-hez és a sztereó rendszerhez? Akár XBox, PS2, akár GameCube, itt kell tenned. Először gondolj erre logikusan. Ezen konzolok mindegyike bal oldali audio...

számítógépek

Videó kivágása a ScreenFlow-ban

Lehet 2024

A videó elkészítése után a következő lépés az, hogy levágja azokat a szakaszokat, amelyeket a végső projektben nem kívánt. Az egyik szoftver, amelyet erre a feladatra használok, a Telestream Inc....