CSS Inleiding


Wat is CSS?

  • CSS staat voor Cascading Style Sheets
  • CSS beschrijft hoe HTML-elementen moeten worden weergegeven op het scherm, papier of in andere media.
  • CSS scheelt een hoop werk. Het kan de lay-out van meerdere webpagina's in een keer controleren.
  • Externe stylesheets worden opgeslagen in CSS-bestanden

CSS Demo - Een HTML pagina - Verschillende Styles!

Hier geven we een HTML-pagina weer met vier verschillende stylesheets. Klik op "stylesheet1" , "stylesheet2" , "stylesheet3" , "stylesheet4" links hieronder om de verschillende stijlen te zien:

Welkom bij mijn Homepagina

Gebruik het menu om de verschillende stylesheets te selecteren

Zelfde pagina met verschillende Stylesheets

Dit is een voorbeeld hoe verschillende stylesheets de layout van je HTML pagina kan wijzigen. Je kan de layout hier wijzigen door een ander stylesheet te kiezen in het menu, of door het selecteren van één van de volgende links:
Stylesheet1, Stylesheet2, Stylesheet3, Stylesheet4.

Geen Style

Deze pagina gebruikt DIV elementen van verschillende secties van de HTML pagina. Klik hier om te zien hoe de pagina is zonder stylesheet:
Geen Stylesheet.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Waarom CSS gebruiken?

CSS wordt gebruikt om de stijlen voor uw webpagina's, met inbegrip van het ontwerp, de lay-out en variaties in de display voor verschillende apparaten en schermformaten defiëneren.

Met CSS wordt een groot probleem opgelost

HTML was nooit bedoeld om tags te bevatten voor het opmaken van een Web-pagina!

HTML is gemaakt om de inhoud te beschrijven van een webpagina, zoals:

<H1> Dit is een kop </H1>

<P> Dit is een paragraaf </P>

Wanneer tags zoals <font>, en de kleur attributen werden toegevoegd aan de HTML 3.2-specificatie, het begon als een nachtmerrie voor webontwikkelaars. Ontwikkeling van grote websites, waar de lettertypen en kleur informatie aan elke pagina werden toegevoegd, werd een lang en duur proces.

Om dit probleem op te lossen, heeft het World Web Consortium (W3C) CSS gecreëerd.

CSS verwijderde de opmaak van de HTML-pagina!

Als je niet weet wat HTML is, stellen we voor dat je onze HTML-pagina's leest.

CSS scheelt een hoop werk!

De stijl definities worden doorgaans opgeslagen in het externe .css bestand.

Met een extern stylesheet bestand, kunt u het uiterlijk van een volledige website veranderen door het veranderen van slechts één dossier!