Tijdens het werken aan de site, brengen zowel professionele webmasters als mensen die zich bezighouden met het bijwerken van de site, maar geen professionals zijn, verschillende wijzigingen aan in de stijl van de webbron. Het kan bijvoorbeeld zijn dat u om de een of andere reden de kleur van links op de site moet wijzigen.
In dit geval moet u weten dat de kleur van de links wordt gewijzigd met behulp van CSS (Cascading Style Sheets) - trapsgewijze stylesheets. Dit zijn tabellen die in combinatie met een programmeertaal worden gebruikt om een webresource te maken. CSS is verantwoordelijk voor de structuur van de site, dat wil zeggen voor de stijl, het uiterlijk en html - voor de inhoud van de bron. CSS is een voortzetting van de evolutie van HTML.
Linkkleur op de site
U kunt de kleur van links dus zowel voor de site als geheel als voor elke link afzonderlijk wijzigen. Linkkleuren worden ingesteld als een attribuut van de hoofdtag. Een attribuut is iets dat u niet in de code hoeft te schrijven, omdat sommige ervan al standaard zijn ingesteld. Het link attribuut bepaalt de kleur van de links op de sitepagina. De standaard is blauw. Alink is een attribuut dat de kleur van actieve links bepaalt, standaard is deze rood. Vlink - bezochte links, hun algemeen aanvaarde kleur is paars.
Meestal wordt de kleur van links op webpagina's ingesteld in hexadecimale notatie (#EEEEEE - grijs) of in rgb-indeling (# 808080 - grijs), maar u kunt ook traditionele Engelse kleurnotatie gebruiken (grijs - grijs). Daarnaast is de kleur in graden in te stellen, hiervoor is het HSL formaat geschikt. Kleurkaarten zijn gemakkelijk te vinden op internet.
Verander de kleur van de links
Om de kleur van alle links op de pagina te wijzigen, volstaat het om de kleur van het kleurattribuut in de stijlen te wijzigen. Zoek hiervoor het bestand style.css, open het en zoek het a-attribuut. Bijvoorbeeld A {kleur: groen; / * Link kleur * /}, waarbij A een link is, waarvan we de kleur veranderen in groen. U kunt de kleurwaarde naar wens wijzigen met behulp van een van de kleurnotatiesystemen. De browser zal u "begrijpen". De stijl is van toepassing op alle links op de webpagina. U kunt de kleuren van andere attributen op dezelfde manier wijzigen, bijvoorbeeld de kleur van een link wanneer u er met de muiscursor overheen beweegt.
Om koppelingen in verschillende kleuren op een webpagina te maken, gebruikt u het volgende item in de stylesheet:
.menu a {kleur: grijs; }
.inhoud een {kleur: groen; }
Uit het voorbeeld volgt dat de links voor het menu grijs zijn en de links in het inhoudsblok groen.
Dezelfde stappen kunnen worden gedaan met links als de stijlen niet in een apart bestand staan, maar in het html-document zelf. Dit zijn contextuele selectors.
Als u snel stijlen wilt bewerken en de kleuren van links wilt wijzigen, kunt u beter de visuele editor Dreamwever gebruiken. Het belangrijkste om te onthouden is dat links er organisch uit moeten zien in relatie tot de hele webpagina. Voor lichte achtergronden zijn donkere links beter en vice versa.
