Ændring af displayparametrene for links i html kan gøres ved hjælp af cascading css-stilark. De giver dig mulighed for at tilpasse visningen af linkskrifttypen, dens farve, før brugeren klikker på den og efter musekliket. Du kan også ændre skrifttypen på den anvendte skrifttype og dens størrelse.
Instruktioner
Trin 1
Klasser og pseudoklasser bruges til at indstille linkparametre i css. Pseudoklassen a: link indstiller stilen for et almindeligt link, a: besøgt giver dig mulighed for at tilpasse visningen af et allerede brugt link. A: aktiv håndterer tagets parametre, når der klikkes på markøren på elementet, og a: svæver angiver stilen på linket, når du holder markøren over det. Du kan også selv oprette en hvilken som helst klasse til elementet og i parametrene bruge standardoperatorer til at formatere teksten.
Trin 2
For at deaktivere visningen af understregningen af linkteksten i browseren skal du bruge parameteren text-decoration: none. Du kan angive denne attribut både i en klasse og i en pseudoklasse for et element. For at ændre farven på linket skal du bruge farveparameteren til størrelsen - standardattributten for fontstørrelse. Hvis du vil inkludere fed eller kursiv type, skal du bruge parameteren font-weight.
Trin 3
Åbn din html-fil med den teksteditor, du bruger til at redigere sidekoden. Derefter skal du gå til et afsnit i dit dokument og indstille css-koden til fremtidige links på siden ved hjælp af et håndtag. For eksempel:
Ændring af links
a: link {tekst-dekoration: ingen;
skriftstørrelse: 14 pixel;
font-vægt: fed;
farve: rød; }
Trin 4
Denne kode fjerner understregningen fra et almindeligt link, indstiller tekststørrelsen til 14 pixels, anvender en fed stil og rød farve på elementet. Nu vises ethvert link i tagget som dette.
Trin 5
Du kan style for hvert specifikt link ved hjælp af css-klasser. Således, hvis koden i taggen ser ud som:
a.link1 {font-size: 20px; farve: sort;}
Trin 6
Du kan indstille linkets størrelse til 20 pixels og sort ved at bruge klassen i dokumentets brødtekst som følger:
Link
Fra eksemplet kan du se, at linket blev tildelt den oprettede trin tilbage css-kodeklasse ved at specificere klasseattributten for linket. Dette link vises nu i sort og har en størrelse på 20 pixels. For at ændre denne attribut skal du redigere css-koden for sidesektionen.
Trin 7
Ændring af linkets udseende er komplet, du kan gemme de ændringer, der er foretaget i filen, og køre den til visning i en browser.
