Kā izmantot CSS hipersaitu veidošanai tīmekļa lapās

Maijs 13, 2024

Ja esat pazīstams ar HTML, jūs zināt, ka varat kontrolēt teksta krāsu un hipersaites tīmekļa vietnē. Bet ar kaskādes stila lapām jūs varat darīt daudz vairāk. Dažiem tagiem, piemēram, hipersaites enkura tagam, ir tā sauktās pseidoklases, kas saistītas ar taga dažādiem stāvokļiem. Piemēram, hipersaites tagā ir četri stāvokļi; saite, apmeklēta, virzieties un ir aktīva.

Ja saite netiek izmantota (nav atlasīta), tas ir saite pseidoklases vai valsts. apmeklēja stāvoklis ir pēc saites izmantošanas. lidināties stāvoklis ir tad, kad pele iet pāri saitei un aktīvs stāvoklis ir, kad jūs noklikšķiniet uz saites. CSS maģija ir tāda, ka katrs saites posms tiek kontrolēts neatkarīgi, izmantojot pseido klases. Tātad katram stāvoklim varat iestatīt atšķirīgas īpašības. CSS varat izmantot jebkuru īpašumu, kas saistīts ar hipersaites enkura tagu.

Zemāk redzamajā piemērā saites statusu iestatīsim uz sarkanu, apmeklēto stāvokli uz purpursarkanu (# 400040), kursoru un aktīvos stāvokļus uz sarkanu, pasvītrotu un slīprakstu.

Piezīme--Bulta

norāda, ka kods ir iesaiņots otrajā rindā un tam tiešām vajadzētu būt vienā rindā.

Kā redzat, mēs visiem stāvokļiem esam iestatījuši krāsu īpašību uz sarkanu, izņemot apmeklēto stāvokli, kas ir iestatīts uz purpursarkanu. Tā kā mēs vēlamies, lai hipersaite tiktu pasvītrota tikai kursoriem un aktīvajiem stāvokļiem, pārējiem diviem stāvokļiem teksta dekorēšanas īpašums ir noteikts nevienam. Visbeidzot, mēs esam iestatījuši fonta stilu slīprakstā kursoriem un aktīvajiem stāvokļiem, kas izraisīs teksta slīprakstu, pārejot pāri vai noklikšķinot uz saites, un mēs esam uzstādījuši teksta rotājumu atpakaļ uz pasvītrojumu. Šis ir tikai vienkāršs piemērs. Jūs varat padarīt savu stilu tik vienkāršu vai izdomātu, kā vēlaties. Tomēr ir dažas lietas, kas jāatceras.

Web pārlūkprogrammas atšķiras ar to, kā tās apstrādā. Parasti, ja jūs iestatāt īpašumu kādai noteiktai vērtībai, to manto (nodod) jebkuram štatā norādītajam stāvoklim. Iepriekš minētajā piemērā pirmais kods, kas norādīts mūsu kodā, bija saites stāvoklis, un mēs krāsu īpašumam iestatījām sarkanu krāsu. Lielāko daļu laika tas tiks nodots pārējiem trim štatiem, ja vien mēs to nemainīsim ar kodu, kā mēs to darījām apmeklētajā valstī. Turklāt, ja mēs nebūtu iesprauduši teksta rotājumu atpakaļ uz pasvītrojumu, kursorsviru un aktīvo stāvokļu teksts nebūtu pasvītrots, jo mēs pirmajā stāvoklī to izslēdzām. Bet jūs nevarat rēķināties, ka visi pārlūki to darīs. Tāpēc vislabāk ir iestatīt visas īpašības katram stāvoklim atsevišķi.

Izstrādājot iedomātas saites, neveiciet lielas izmaiņas starp stāvokļiem, piemēram, dramatiski palieliniet teksta lielumu. Tas liks tīmekļa pārlūkam atkārtoti ielādēt lapu, un apmeklētāji jūs ļoti satrauks.

Kasešu secību ietekmē secība, kādā jūs uzskaitāt šo pseidoklases kodu. Mēs apspriedīsim kaskādes secību vēlākā apmācībā. Pagaidām tikai atcerieties, ka, lai novērstu konfliktus, kodējiet stāvokļus tādā secībā, kādu mēs izmantojām iepriekš; saite, apmeklēta, virzieties un ir aktīva.

Video Instrukcijas: Ruby on Rails by Leila Hofer (Maijs 2024).

Kā CSS izmantot hipersaitņu veidošanai tīmekļa lapās, HTML, pseidoklasēs, kas saistītas ar dažādiem tagu stāvokļiem, pseidoklasē, hipersaitē, hipersaitņu kodēšanas CSS, CSS pseidoklasē, CSS stāvokļos, tagus stāvoklī, iedomātā saitēs tīmekļa vietnē ar CSS, iedomātas saites

Iepriekšējais Raksts

Nākamais Raksts

Saistītie Raksti

datori

Sarkanais orķestris Ostfront 41-45

Maijs 2024

"Sarkanais orķestris: Ostfront 41-45" ir "pieejama reālistiska" Otrā pasaules kara spēle, kuras centrā ir Austrumu fronte starp Vāciju un PSRS. To uzskata par vienu no reālākajām FPS spēlēm,...

datori

Pirksti un atkārtotas celma traumas

Maijs 2024

Atkārtotas celma traumas (RSI) no datora lietošanas vai galda darba var izraisīt galvassāpes, acu sāpes un sāpes kaklā, plecos, rokās un mugurā. "Pirksti" ir daļa no sērijas, kurā tuvāk apskatīts...