Overzicht artikelen kennisbank

Dit is een artikel uit de Kennisbank van Vextra internet solutions

Tweet this  Deel dit op Facebook 


CSS - Cascading Style Sheet

Opmaak van een webpagina

CSS - Cascading Style SheetsMet CSS kan de opmaak (vormgeving) voor een serie webpagina's in één keer worden beschreven. Deze beschrijving wordt toegevoegd aan de definitie van de inhoud van willekeurig welke webpagina (in HTML). Op die manier hoeft de opmaak maar eenmalig te worden beschreven en kan die toegepast worden in oneindig veel pagina's van een website.

Inhoud en opmaak gescheiden

Door op deze manier inhoud en opmaak van elkaar te scheiden, is het heel eenvoudig om bijvoorbeeld de kleur of grootte van een kopje te wijzigen. De wijziging wordt aangebracht in het CSS-bestand, waarin de definitie van dat kopje is opgenomen. Iedere pagina van de website die gebruik maakt van dit CSS-bestand zal dan het kopje op de nieuwe manier tonen.

Drie manieren van toepassen

CSS kan op drie manieren worden toegepast.

  1. In een apart bestand. Dit is vaak de handigste toepassing, omdat de definities in dat bestand dan gebruikt kunnen worden in meerdere webpagina's. Een webpagina kan gebruik maken van die definities door het betreffende CSS-bestand in te sluiten met behulp van een include-opdracht.
  2. In een aparte sectie bovenin de HTML-code van een webpagina wordt een serie CSS-definities opgenomen. De rest van die pagina kan dan gebruik maken van die definities. De definities zijn buiten de betreffende webpagina echter niet bekend.
  3. In-line, ofwel binnen een HTML-element, kan een CSS-definitie worden opgegeven. Die opmaak geldt dan alleen voor het betreffende HTML-element. Zo kan aan een lijst (opsommingstekens) voor een enkele specifieke situatie een eigen opmaak gegeven worden. Dat hoeft dan niet in een apart bestand (zie punt 1), wat door vele andere pagina's voor niets ingesloten zou worden.

CSS en zoekmachines

De kwaliteit van een website hangt af van het juiste gebruik van HTML en van CSS. Ook zoekmachines zoals Google kijken hiernaar. Het is daarom van belang de website zo netjes mogelijk in elkaar te zetten, zonder dat er fouten worden gegenereerd.

 



Artikelen uit de kennisbank
Kennisbank van Vextra internet solutions

Uit de Kennisbank: URL - de unieke aanwijzer
Een willekeurig artikel:
URL - de unieke aanwijzer