CSS Basis Cursus

Nodige basisvaardigheden

Voor je verder gaat, moet je een basis hebben van de volgende kennis:

  • HTML
  • XHTML

Als je deze projecten eerst wilt leren, kun je dat doen in Hoofdpagina Bezoek de relevante tutorials.

Overzicht van CSS
  • CSS staat voor het opstaan van stijlbladen (CAscading STyle SSheets)
  • StijldefinitiesHoe te weergeven HTML-elementen
  • Stijlen worden meestal opgeslagen inStijlbladenIn
  • Het toevoegen van stijlen aan HTML 4.0 was omOplossen van het probleem van het scheiden van inhoud en weergave
  • Externe stijltabelKunnen de efficiëntie van het werk aanzienlijk verbeteren
  • Externe stijlbladen worden meestal opgeslagen in CSS-bestandenIn
  • Meerdere stijldefinities kunnenLagenVoor een

Stijlen lossen een algemeen probleem op.

HTML-tags werden oorspronkelijk ontworpen om gebruikt te worden voor het definiëren van de inhoud van een document. Door het gebruik van tags zoals <h1>, <p>, <table> werd HTML oorspronkelijk bedoeld om informatie zoals 'dit is een titel', 'dit is een paragraaf', 'dit is een tabel' uit te drukken. De lay-out van het document werd verwacht te worden voltooid door de browser, zonder het gebruik van enige formateringstags.

Vanwege de voortdurende toevoeging van nieuwe HTML-elementen en -attributen (zoals font tags en kleurattributen) door de twee hoofd browsers (Netscape en Internet Explorer) aan de HTML-normen, wordt het steeds moeilijker om sites te maken waarbij de inhoud van de documenten duidelijk onafhankelijk is van de laag van weergave van het document.

Om dit probleem op te lossen, nam de World Wide Web Consortium (W3C), deze niet-commerciële standaardisatiebond, de taak op zich om de HTML-standaard te standaardiseren en creëerde het STYLES (stijlen) buiten HTML 4.0.

Alle gangbare browsers ondersteunen het opstaan van stijlbladen.

Stijlbladen verbeteren aanzienlijk de efficiëntie van het werk.

Stijlbladen definiëren hoe HTML-elementen worden weergegeven, zoals de font tags en kleurattributen in de stijlen van HTML 3.2, worden meestal opgeslagen in externe .css-bestanden. Door slechts een eenvoudig CSS-document te bewerken, bieden externe stijlbladen je de mogelijkheid om het uiterlijk van de lay-out van alle pagina's op de site tegelijkertijd te wijzigen.

Omdat CSS de mogelijkheid biedt om zowel de stijl als de lay-out van meerdere pagina's tegelijkertijd te controleren, kan het worden beschouwd als een doorbraak in het veld van WEB-design. Als website-ontwikkelaar kunt u stijlen definiëren voor elk HTML-element en deze toepassen op de pagina's die u wilt. Voor een globale wijziging hoeft u alleen de stijl te wijzigen en alle elementen in de website worden automatisch bijgewerkt.

Meerdere stijlen worden gestapeld tot

Stijltabellen staan meerdere manieren tot het bepalen van stijlinformatie toe. Stijlen kunnen worden gedefinieerd in een enkel HTML-element, in de kop van de HTML-pagina, of in een externe CSS-bestand. Bovendien kunnen meerdere externe stijltabellen binnen een enkele HTML-document worden gerefereerd.

Stapeling volgorde

Wanneer eenzelfde HTML-element wordt gedefinieerd door meerdere stijlen, welke stijl wordt dan gebruikt?

Over het algemeen, worden alle stijlen volgens de volgende regels gestapeld in een nieuwe virtuele stijltabel, waarbij het cijfer 4 de hoogste prioriteit heeft.

  1. Browser standaardinstellingen
  2. Externe stijltabel
  3. Interne stijltabel (geplaatst binnen de <head>-tag)
  4. In-line stijlen (binnen HTML-elementen)

Daarom hebben in-line stijlen (binnen HTML-elementen) de hoogste prioriteit, wat betekent dat ze voorrang hebben boven de volgende stijlverklaringen: stijlverklaringen in de <head>-tag, stijlverklaringen in een externe stijltafel, of stijlverklaringen in de browser (standaardwaarden).