Kako uporabljati CSS za oblikovanje hiperpovezav na spletnih straneh

Maj 11, 2024

Če poznate HTML, veste, da lahko nadzirate barvo besedila in hiperpovezave na spletni strani. S kaskadnimi tablicami sloga lahko naredite veliko več. Določene oznake, kot je sidrna oznaka hiperpovezave, imajo tako imenovane psevdo-razrede, povezane z različnimi stanji oznake. Na primer, oznaka hiperpovezave ima štiri stanja; povezava, obiskana, lebdenje in aktivna.

Kadar se povezava ne uporablja (ni izbrana), je to povezava psevdorazred ali država. The obiskali stanje je po uporabi povezave. The lebdenje stanje je, ko miška preide povezavo in aktivno stanje je, ko kliknete na povezavo. Čar CSS je, da se vsako stanje povezave nadzoruje neodvisno s pomočjo psevdorazredov. Tako lahko za vsako državo nastavite različne lastnosti. V CSS lahko uporabite katero koli lastnost, povezano z oznako sidra hiperpovezave.

V spodnjem primeru bomo stanje povezave postavili na rdečo, obiskano stanje na vijolično (# 400040), kazalko miške in aktivna stanja na rdečo, podčrtano in poševno.

Opomba--Puščica

pomeni, da je koda zavita v drugo vrstico in bi morala biti res vsa v eni vrstici.

Kot vidite, smo barvno lastnost postavili na rdečo za vsa stanja, razen za obiskano stanje, ki smo ga nastavili vijolično. Ker želimo samo, da se hiperpovezava poudari za lebdenje in aktivna stanja, smo lastnost urejanja besedila postavili na nobeno za druga dva stanja. Končno smo slog pisave postavili v poševno pisavo za lebdenje in aktivna stanja, kar bo povzročilo, da bo besedilo postalo poševno, ko boste prešli mimo ali kliknili povezavo, in okrasitev besedila smo postavili nazaj podčrtati. To je le preprost primer. Svoje sloge lahko naredite tako preproste ali domišljijske, kot želite. Vendar si je treba zapomniti nekaj stvari.

Spletni brskalniki se razlikujejo po tem, kako ravnajo s tem. Če običajno določite lastnost na določeno vrednost, jo podeduje (prenese na) katera koli stanja, navedena po njej. V našem zgornjem primeru je bilo prvo stanje, navedeno v naši kodi, stanje povezave in barvno lastnost smo nastavili na rdečo. Večino časa bi to posredovali drugim trem državam, razen če ga spremenimo s kodo, kot smo to storili za obiskano državo. Tudi če ne bi nastavitve besedila okraski podčrtali, besedila za postavitev kazalca in aktivna stanja ne bi bilo podčrtano, ker smo ga izklopili v prvem stanju. Ne morete pa računati na vse brskalnike, ki bi to storili. Zato je najbolje, da vse lastnosti nastavite za vsako državo posebej.

Ko oblikujete domišljijske povezave, ne spreminjajte velikih stanj, kot je na primer dramatično povečanje velikosti besedila. S tem bo spletni brskalnik ponovno naložil stran in obiskovalci se bodo zelo razburjali z vami.

Na vrstni red, v katerem navedete kodo za te psevdo-razrede, vpliva kaskadni vrstni red. O kaskadnem vrstnem redu bomo razpravljali v kasnejši vadnici. Za zdaj se spomnite le, da za preprečevanje konfliktov kodirajte države v vrstnem redu, kot smo ga uporabili zgoraj; povezava, obiskana, lebdenje in aktivna.

Navodila Video: Ruby on Rails by Leila Hofer (Maj 2024).

Kako uporabljati CSS za oblikovanje hiperpovezav na spletnih straneh, HTML, psevdorazrede, povezane z različnimi stanji oznake, psevdorazred, hiperpovezavo, kodiranje hiperpovezav v CSS, psevdorazred CSS, stanja CSS, stanje oznake, domišljijske povezave na spletni strani s CSS, domišljijskimi povezavami

Prejšnji Članek

Naslednji Članek

Podobni Članki

računalniki

Ustvarjanje e-knjige, ki jo je mogoče enostavno brati

Maj 2024

Bralniki e-knjig so na voljo v vseh oblikah in velikostih. Vsaka znamka ima svoje posebne niše in oblike oblikovanja datotek. Ko so bralci prvič stopili na trg, ni bilo nobenega standarda za...

računalniki

Močan dež

Maj 2024

Heavy Rain se oglašuje kot "interaktivna drama" - igra, ki je opredeljena predvsem na podlagi zgodbe in izbire, ne pa boja. Čeprav je stopnja "interaktivnosti" morda vprašljiva, ni dvoma, da kot...