Cursus CSS PDF  | Afdrukken |  E-mail
Geschreven door Rinie Hooijer   
woensdag, 31 december 1997 05:00
Nu u helemaal thuis bent in HTML 4.0 wordt het tijd om te kijken naar een nieuwe standaard van het W3C, Cascading Style Sheets. Deze nieuwe technologie zal het maken van webpagina's voorgoed veranderen. Cascading Style Sheets, of kortweg CSS, is ontstaan uit onvrede over de beperktheid van HTML om pagina's te kunnen vormgeven.
Nu u helemaal thuis bent in HTML 4.0 wordt het tijd om te kijken naar een nieuwe standaard van het W3C, Cascading Style Sheets. Deze nieuwe technologie zal het maken van webpagina's voorgoed veranderen. Cascading Style Sheets, of kortweg CSS, is ontstaan uit onvrede over de beperktheid van HTML om pagina's te kunnen vormgeven.

Toen Tim Berners-Lee in 1990 HTML uitvond, was iedereen vol lof. En terecht. Het werd eindelijk mogelijk om eenvoudig informatie uit te wisselen tussen computers die ver van elkaar vandaan stonden. Helaas bood HTML niet veel mogelijkheden om webpagina's een fraai uiterlijk te geven. Het liefst wilden de webontwikkelaars hun webpagina's eenzelfde uiterlijk geven als de pagina's in de gedrukte media. Omdat dit met de toenmalige versie van HTML niet mogelijk was, werd er gezocht naar alternatieven. Microsoft en Netscape kwamen sinds 1994 met oplossingen. Zij introduceerden bij iedere versie van hun browser nieuwe tags (kenmerken die aan tekst gegeven worden). De twee bekendste voorbeelden van zulke browser-specifieke tags zijn (knipperen) en (scrollen). Er verschenen ook tags die enkel bedoeld waren om de grafische presentatie van webpagina's te verbeteren. Maar niet alleen de makers van de browsers probeerden manieren te vinden om het webpagina's er beter te laten uitzien.
De webontwikkelaars kwamen zelf ook met oplossingen voor het presentatie-probleem. Om bepaalde soorten lettertypen toch te kunnen laten zien werden deze grafisch, dus als plaatjes, weergegeven. Plaatjes kunnen net als gewone tekst-links als navigatiemiddel dienen. Deze oplossing betekende echter wel een enorme toename in het dataverkeer; plaatjes nemen nu eenmaal meer bytes in beslag dan tekst.
De webontwikkelaars gaven ook een andere functie aan de nu zo belangrijke tag. Oorspronkelijk was deze tag bedoeld om tabellen te maken, net als de manier waarop Excel, Lotus 1,2,3 en Quattro Pro dat doen. De onmogelijkheid van HTML om tekst in kolommen te plaatsen en de wens van webontwikkelaars om de website zoveel mogelijk op de gedrukte media te laten lijken, resulteerde erin dat de
tag een andere primaire functie kreeg. Deze tag werd voortaan gebruikt om verschillende elementen op een webpagina naast elkaar te plaatsen.


Bij het W3C vindt u de laatste informatie over Cascading Style Sheets.





















Wat zijn style sheets
Cascading Style Sheets is niets anders dan een nieuwe taal waarmee het mogelijk wordt om een bepaalde style toe te kennen aan HTML-elementen. Een style kan van alles zijn: de grootte van een lettertype, het lettertype zelf, de grootte van de marges, de kleuren én de meest in het oog springende vernieuwing: het pixelnauwkeurig kunnen positioneren van elementen op een pagina. Dit positioneren van elementen kan door het aangeven van x- en y- coördinaten (horizontaal en verticaal) maar ook over de a-z index, waardoor het mogelijk wordt om elementen te laten overlappen. Alle elementdefinities worden vastgelegd in een template of style sheet. Een verandering in een style sheet heeft dan ook direct gevolgen voor de hele pagina of website. Het heeft in die zin veel weg van templates zoals wij die kennen in gangbare softwarepakketten.

Een belangrijke eigenschap van CSS is dat verschillende style sheets de presentatie van één document kunnen beïnvloeden. Deze eigenschap staat bekend als 'cascading'. In de praktijk zijn er altijd twee, maar meestal drie verschillende style sheets. Allereerst heeft iedere browser een standaard (default) style sheet, die aangeeft hoe een document moet worden afgebeeld. Ten tweede krijgt u te maken met de style sheet van de ontwerper van een site. De laatste mogelijkheid is dat u zelf een style sheet heeft gemaakt.

Om te voorkomen dat verschillende style sheets conflicteren zijn er bepaalde afspraken gemaakt. De style sheet van de ontwerper geldt als uitgangspunt. Als de gebruiker er zelf ook één heeft gemaakt dan gelden de daarin vastgelegde styles als belangrijker. Als laatste kan ook de browser bepaalde styles opgeven. De browser bepaalt uiteindelijk hoe de verschillende style sheets met elkaar om moeten gaan.
Een toepassing van cascading is dat het nu mogelijk is om binnen een bedrijf verschillende afdelingen tegelijk te laten werken aan één site, waarbij iedere afdeling zijn eigen style sheet kan gebruiken.
Laatst aangepast op dinsdag, 01 september 2009 13:18
 

Internetscene.nl is onderdeel van Iscenes multimedia specialist in videomontage- en cmstrainingen. Copyright © 2011 Internetscene.nl