Cascading Style Sheets (CSS) er designet ved hjælp af eller XML (inklusive XHTML, SVG) format. Det er et stilark sprog, der primært bruges til at beskrive elementer gennem en række forskellige formateringsmetoder. En af metoderne svæver og i denne artikel vil vi forstå Hover i CSS på følgende måde:
hvad er funktion i sql
- Hvad er svejsning i CSS?
- Hvor bruges svæver?
- Hvad gør Hover?
- Kompatibilitet
- Hvordan virker det?
- Hold musen over skift af baggrundsfarve til “rød”
- Oprettelse af svævende opacitet på billeder
- Oprettelse af tekstoverlay på billeder
Hvad er svejsning i CSS?
CSS svæver er en vælgerkomponent, der bruges til at style forskellige elementer, når musemarkøren svæver over dem. De kan bruges på næsten ethvert HTML-element. Hover-funktionen i CSS har stor betydning i design af websider.
Hovedkomponenten kan fremhæve, kode og tilpasse websider efter brugerens præference i et kompakt og effektivt webdesignprogram.
Hvor bruges svæver?
De mest almindelige eksempler på levedygtigheden af svævefunktionen kan fremhæves på større shoppingwebsteder som Flipkart og Amazon. Når brugere svæver over et hvilket som helst produkt på disse e-handelswebsteder, er produktet programmeret til at udføre en automatisk zoom-svæverfunktion for at give kunden et bedre overblik over deres valgte produkter. Gennem denne programmering er websiden designet til at vise en kompakt visning af hele produktprogrammet ledsaget af en detaljeret oversigt over det produkt, der er interesseret i et enkelt webdesign.
Hvad gør Hover?
Hover er et multifunktionelt programmeringsværktøj, hvorigennem brugeren kan tilpasse målelementet med et uendeligt antal formateringskriterier. Nogle tilfælde af svævefunktionens operationelle know-how inkluderer:
- Ændring af baggrunds- / skrifttypefarve
- Integrering af skjult tekst, der vises på svejsning
- Opret overgangseffekter på billeder
- Automatiseret zoom på tekst / billeder
- Rediger billedopacitet
- Indlejring af tekst
- Billedbytte
- Div. Hold markøren
- Flere andre CSS Hover-formateringsoperationer.
Hover-effekten ændrer grundlæggende egenskabsværdien af et element for at aktivere animationer af ændringer til en angivet tekst / et billede eller de respektive elementer. Indlejringen af CSS-svæveelementer i et webdesign forvandler en almindelig webside til en interaktiv, robust og yderst funktionel webside. Disse websidesign er brugervenlige og omfattende. Hover-designede websider indeholder en højere forbrugerappel, og de lokker besked fra potentielle kunder.
Kompatibilitet med svæver i CSS
Pegefunktionen er kompatibel med alle større webbrowsere. Implementeringen af dette element på berøringsenheder er dog stadig en udfordrende opgave. Svævningen i CSS muliggør indholdstilgængelighed på enheder, der ikke understøtter svævefunktioner. Det er blevet observeret, at en aktiveret svæverfunktion på den ikke-understøttende enhed kan sidde fast på enheden.
Derfor blokeres den vitale visning af afgørende indhold gennem formateringsproblemet. På den ene side, hvor svæveelementet i CSS-programmet bidrager med et stort niveau af effektiv personalisering til websider omvendt, er dets betjening på mobile enheder meget sovende. Svævefunktionen, der kapitulerer over for omstændighederne, hvor informationsteknologiens verden vokser betydeligt mobil, risikerer at blive forældet med teknologiske fremskridt. Derfor er behovet for at fremstille en bærbar integreret funktion, der fungerer med berørings- og mobile enheder, yderst afgørende.
Hvordan fungerer Hover i CSS?
Den aktive pseudoklassestil er dominerende i CSS-svæveformatering, og den tilsidesætter ethvert / alle efterfølgende link, der efterfølges af denne pseudoklasse. For eksempel i pseudoklasse “: link: besøgt eller: aktiv skal: svæverreglen placeres efter: link og: besøgte, men før: aktiv for passende: svæver-styling. LVHA-ordren:: link,: svæver,: besøgte og: aktiv bruges som en reference til korrekt: svæver formateringsstil.
div {baggrundsfarve: grøn polstring: 18 pixel display: ingen} span: hover + div {display: block}Hover Test!Skjult kode vises, når du holder markøren
I ovenstående kode ændres span-elementet til at flette svæver- og div-elementet ved at bruge span: hover + div-element. Spanelementet, der vises på den primære destinationswebside, viser teksten 'Hover test!' Yderligere svævning på span-elementet afslører div-elementet 'Skjult kode vises på svævningen'. Dette indlejringsformat fungerer både på teksten og på billederne.
Hold musen over skift af baggrundsfarve til “rød”
p: svæver, h1: svæver, a: svæver {baggrundsfarve: rød}Hold markøren rød
Hold markøren rød
hvordan man indstiller klassesti i Windows 10Links:
Hover Test Red:
Google comBemærk: Hej
Ovenstående kode tilpasser
,