Endring av visningsparametrene for lenker i html kan gjøres ved hjelp av cascading css-stilark. De lar deg tilpasse visningen av koblingsfonten, fargen på den før brukeren klikker på den og etter museklikket. Du kan også endre skrifttypen til den brukte skrifttypen og størrelsen.
Bruksanvisning
Trinn 1
Klasser og pseudoklasser brukes til å angi koblingsparametere i css. Pseudoklassen a: link angir stilen for en vanlig lenke, a: besøkt lar deg tilpasse visningen av en allerede brukt lenke. A: aktiv håndterer parameterne for koden når markøren klikkes på elementet, og a: svever angir stilen på lenken når du holder markøren over den. Du kan også lage hvilken som helst klasse for elementet selv, og i parameterne bruke standardoperatører til å formatere teksten.
Steg 2
For å deaktivere visning av understrekningen til lenketeksten i nettleseren, bruk parameteren tekst-dekorasjon: ingen. Du kan spesifisere dette attributtet både i en klasse og i en pseudoklasse for et element. For å endre fargen på lenken, bruk fargeparameteren, for størrelsen - standard skriftstørrelsesattributt. Hvis du vil ha fet eller kursiv type, bruker du parameteren font-weight.
Trinn 3
Åpne html-filen din med hvilken tekstredigerer du bruker for å redigere sidekoden. Etter det, gå til en del av dokumentet og angi css-koden for fremtidige lenker på siden ved hjelp av et håndtak. For eksempel:
Endring av lenker
a: link {text-decoration: none;
skriftstørrelse: 14px;
skriftvekt: fet;
fargen rød; }
Trinn 4
Denne koden fjerner understrekningen fra en vanlig lenke, setter tekststørrelsen til 14 piksler, bruker en fet stil og rød farge på elementet. Nå vil en hvilken som helst lenke i koden vises slik.
Trinn 5
Du kan style for hver spesifikke lenke ved hjelp av css-klasser. Dermed, hvis koden i koden ser ut som:
a.link1 {font-size: 20px; farge svart;}
Trinn 6
Du kan sette størrelsen på lenken til 20 piksler og svart ved å bruke klassen i hoveddelen av dokumentet som følger:
Link
Fra eksemplet kan du se at lenken ble tildelt den opprettet trinn tilbake css-kodeklassen ved å spesifisere klasseattributtet til lenken. Denne lenken vises nå i svart og har en størrelse på 20 piksler. For å endre dette attributtet, rediger css-koden til sideseksjonen.
Trinn 7
Endring av utseendet på lenken er fullført, du kan lagre endringene som er gjort i filen og kjøre den for visning i en nettleser.
