CSS bewerken
Aangezien Nvu de webstandaarden van het W3C goed volgt, wordt er ook ondersteuning geboden voor CSS.
Hieronder wordt de basis uitgelegd van hoe in Nvu met CSS gewerkt kan worden.
Beginnen met CSS
Laten we beginnen met 1 pagina met behulp van CSS op te maken. Hiervoor gaan we eerst naar het menu Extra en kiezen daar voor CSS bewerken.
Een CSS-regel toevoegen
Er zijn 2 soorten CSS-regels: - de ingebouwde HTML-elementen - zelfbedachte namen voor klassen
Het is eerst het eenvoudigst om de ingebouwde elementnamen van de HTML-standaard te gebruiken. Stel dat we ervoor willen zorgen dat een verwijzing naar een andere website standaard niet wordt onderstreept en dat deze een rode kleur krijgt.
Als je daarvoor in Nvu een regel wilt toevoegen dan doe je dat als volgt:
- Geavanceerde modus uitschakelen
- klik op de knop Regel
- kies aan de rechterkant stijl toegepast op alle elementen van een type (type beneden invullen)
- vul daaronder een a in, want daarmee maak je in HTML-code een verwijzing naar een andere website
- klik op de knop Stijlregel aanmaken
- dan klik je op het tabblad Tekst
- daar kies je een (rode) Kleur met de knop die daarnaast staat
- bij Tekstversiering kies je Geen (zodat de link niet wordt onderstreept)
Vervolgens klik je op Sluiten en daarmee wordt de gemaakte CSS-regel in de webpagina toegevoegd. Elke verwijzing die je nu toevoegt aan deze pagina krijgt nu een rode kleur.
CSS-regels exporteren naar een apart CSS-bestand
Nu heb je CSS-regels opgesteld voor 1 pagina. Die wil je nu eigenlijk in alle pagina's van de website gebruiken. Daarvoor is het handig om deze regels naar een apart bestand te exporteren.
(wordt vervolgd)