CSS (Cascading Style Sheets) is de code die webinhoud opmaakt. De basisprincipes van CSS laten zien wat u nodig hebt om aan de slag te gaan. We beantwoorden vragen als: Hoe maak ik tekst rood? Hoe zorg ik ervoor dat content op een bepaalde locatie in de (webpagina)lay-out wordt weergegeven? Hoe versier ik mijn webpagina met achtergrondafbeeldingen en kleuren?

Wat is CSS?

Net als HTML is CSS geen programmeertaal. Het is ook geen opmaaktaal. CSS is een stylesheettaal. CSS is wat u gebruikt om selectief HTML-elementen op te maken. Deze CSS selecteert bijvoorbeeld alineatekst en stelt de kleur in op rood:

p { color: red; }

Laten we het proberen! Plak met een teksteditor de drie regels CSS (hierboven) in een nieuw bestand. Sla het bestand op als style.css in een map met de naam styles.

Om de code te laten werken, moeten we deze CSS (hierboven) nog steeds toepassen op uw HTML-document. Anders verandert de stijl het uiterlijk van de HTML niet.

Open uw index.html-bestand. Plak de volgende regel in de kop (tussen de en tags):

Sla index.html op en laad het in uw browser. Je zou zoiets als dit moeten zien:

Als uw alineatekst rood is, gefeliciteerd! Je CSS werkt.
Categorie├źn: Code

0 reacties

Geef een antwoord

Avatar plaatshouder

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *