Het wijzigen van de weergaveparameters van links in html kan worden gedaan met behulp van trapsgewijze CSS-stijlbladen. Hiermee kunt u de weergave van het lettertype van de link aanpassen, de kleur ervan voordat de gebruiker erop klikt en na de muisklik. U kunt ook het lettertype van het gebruikte lettertype en de grootte ervan wijzigen.
instructies:
Stap 1
Klassen en pseudo-klassen worden gebruikt om linkparameters in css in te stellen. De pseudo-klasse a: link stelt de stijl in voor een reguliere link, a: bezocht stelt u in staat om de weergave van een reeds gebruikte link aan te passen. A: active behandelt de parameters van de tag wanneer de cursor op het element wordt geklikt, en a: hover stelt de stijl van de link in wanneer u erover beweegt. U kunt ook zelf elke klasse voor het element maken en in de parameters standaardoperators gebruiken om de tekst op te maken.
Stap 2
Om de weergave van de onderstreping van de linktekst in de browser uit te schakelen, gebruikt u de tekstdecoratie: geen parameter. U kunt dit attribuut zowel in een klasse als in een pseudo-klasse voor een element specificeren. Om de kleur van de link te wijzigen, gebruikt u de kleurparameter, voor de grootte - het standaard kenmerk font-size. Als u vet of cursief wilt opnemen, gebruikt u de parameter font-weight.
Stap 3
Open uw html-bestand met de teksteditor die u gebruikt om de paginacode te bewerken. Ga daarna naar een gedeelte van uw document en stel de css-code in voor toekomstige links op de pagina met behulp van een handvat. Bijvoorbeeld:
Koppelingen wijzigen
a: link {tekstdecoratie: geen;
lettergrootte: 14px;
lettergewicht: vet;
kleur rood; }
Stap 4
Deze code verwijdert de onderstreping van een gewone link, stelt de tekstgrootte in op 14 pixels, past een vetgedrukte stijl en rode kleur van het element toe. Nu wordt elke link in de tag zo weergegeven.
Stap 5
U kunt voor elke specifieke link een stijl geven met behulp van css-klassen. Dus als de code in de tag er als volgt uitziet:
a.link1 {lettergrootte: 20px; de kleur zwart;}
Stap 6
U kunt de grootte van de link instellen op 20 pixels en zwart door de klasse als volgt in de hoofdtekst van het document te gebruiken:
Koppeling
Uit het voorbeeld kunt u zien dat aan de link de gemaakte step-back CSS-codeklasse is toegewezen door het class-attribuut van de link op te geven. Deze link wordt nu in het zwart weergegeven en heeft een grootte van 20 pixels. Om dit kenmerk te wijzigen, bewerkt u de css-code van de paginasectie.
Stap 7
Het wijzigen van het uiterlijk van de link is voltooid, u kunt de wijzigingen in het bestand opslaan en uitvoeren om het in een browser te bekijken.
