Video: Como hacer una Pagina Mobile First y Responsive Design 24 | Elementos HTML de una pagina web 2024
Generelt vises nettlesere som blå understreket tekst. Opprinnelig minimert denne standardoppførelsen forvirringen mellom innhold på siden og en interaktiv lenke. I dag kobler nesten alle nettstedstiler på sin egen måte. Noen nettsteder understreker ikke lenker; andre beholder underlaget, men stilkoblinger i andre farger enn blå; og så videre.
HTML-ankerelementet (
a
) brukes til å lage lenker. Teksten mellom åpnings- og lukkeanker-taggen er lenkebeskrivelsen, og nettadressen som er angitt i
href
-attributtet, er adressen browseren besøker når lenken klikkes.
Ankermerket har utviklet seg over tid og har i dag fire stater:
-
link: En lenke som en bruker ikke har klikket eller besøkt -
besøkt: A lenke som en bruker har klikket på eller besøkt -
svever: En lenke som brukeren svever musepekeren over uten å klikke -
aktiv: En lenke brukeren har begynt å klikke, men har ennå ikke gitt ut museknappen
CSS kan utforme hver av disse fire tilstandene, oftest ved å bruke disse egenskapene og verdiene.
| Egenskapsnavn | Mulige verdier | Beskrivelse |
Farge
|
Navn
|
Linkfarge spesifisert ved bruk navn (
farge: blå;
), heksadesimal kode (
farge: # 0000FF;
) eller RGB-verdi (
farge: rgb (0, 0, 255); >).
text-decoration |
ingen
|
understreke
|
Følgende eksempelstilkoblinger kobles på en måte som ligner måten de er utformet i artikler på Wikipedia, der koblinger vises blå som standard, understreket på musepekeren og oransje når den er aktiv. Som vist nedenfor, vises den første lenken til Chief Technology Officer i USA understreket som det ville hvis en mus svømte over den. Også koblingen til Google vises oransje som den ville hvis aktiv og musen klikket på den. |
a: link {
farge: rgb (6, 69, 173);
tekst-dekorasjon: ingen;
}
a: besøkt {
farge: rgb (11, 0, 128)
}
a: svever {
tekstdekorasjon: understreke
}
a: aktiv {
farge: rgb (250, 167, 0)
}
Wikipedia. org side som viser lenke, besøkt, svever og aktive stater.
a
velgeren og lenke tilstanden.
Selv om det forklares hvorfor det er utenfor denne bokens krav, insisterer CSS-spesifikasjonene på at du definerer de ulike koblingsstatene i den rekkefølgen som vises her - lenke, besøkte, sveve og deretter aktiv.Det er imidlertid akseptabelt å ikke definere en koblingsstatus, så lenge denne ordren er bevart.
De ulike koblingsstatene er kjent som
pseudoklassevalgere. Pseudoklassevalgere legger til et nøkkelord til CSS-valgene og lar deg stillegge en spesiell tilstand for det valgte elementet.
