Cascading Style Sheets

Uit Wikikids
Versie door Smile4ever (overleg | bijdragen) op 16 aug 2014 om 10:16 (Uitbreiding)
Naar navigatie springen Naar zoeken springen

Cascading Style Sheets (vaak afgekort tot CSS) is een hulpmiddel om webpagina's op een centrale manier vormgeving te geven. In plaats van door gebruik te maken van style-attributen (HTML) op de webpagina wordt er gebruik gemaakt van stylesheets om webpagina's vorm te geven. Er zijn twee manieren om CSS op een webpagina te gebruiken; door middel van een inline stylesheet (de CSS wordt in de broncode van de webpagina zelf geplaatst) of door middel van een stylesheet (aparte pagina met de extensie CSS). Bij de laatste manier wordt de webpagina aan de stylesheet gekoppeld, zodat de webpagina weet welke CSS hij moet gebruiken.

Code

CSS ziet er bijvoorbeeld zo uit:

header,h1{
	font-size: 12pt;
	text-align: center;
	background-color: red;
}
h1{
	color:orange;
}

Hierbij wordt voor header en h1 (bovenste deel van een pagina en een titel van niveau 1) de lettertypegrootte op 12 punten ingesteld. De tekst wordt gecentreerd en de achtergrond wordt rood voor header en h1.

Voor h1 alleen wordt de kleur oranje ingesteld. Voor kleuren worden Engelse namen gebruikt. Een alternatief is het gebruiken van een website om een kleurcode te kiezen, zie bijvoorbeeld colorhexa.com

Voorbeeld:

h1{
	color:#87d735; /* Dit is groen */
}

De commentaar staat tussen /* en */.

Accessories-text-editor.svg
Dit artikel is een beginnetje. Je wordt uitgenodigd op bewerk te klikken om dit artikel aan te vullen.

Meer informatie over dit onderwerp vind je hier:
Tekst: WikipediaNPO KennisGoogle
Afbeeldingen: Wikimedia Commons (oud) • WikiKids Beeldbank
Clipjes: SchooltvBeeld & GeluidYouTube

Accessories-text-editor.svg
Dit artikel is een beginnetje.
Afkomstig van Wikikids , de interactieve Nederlandstalige Internet-encyclopedie voor en door kinderen. "https://wikikids.nl/index.php?title=Cascading_Style_Sheets&oldid=352587"