01 - CSS - wat is

• ICT
• MBO
• Studiejaar 1-4

Wat is CSS

Leerdoel van de les

Aan het einde van de les zul je begrijpen wat CSS is en hoe het wordt gebruikt om webpagina's vorm te geven.

Wat weet je al over CSS?

Wat is CSS?

CSS staat voor Cascading Style Sheets. Het is een opmaaktaal die wordt gebruikt om de presentatie van een webpagina te definiëren, inclusief lay-out, kleuren en lettertypen.

Hoe werkt CSS?

CSS werkt door stijlregels toe te passen op HTML-elementen. Dit stelt ontwikkelaars in staat om de visuele presentatie van hun webpagina's te controleren.

Stijlregels

Stijlregels bestaan uit een selector en een declaratieblok. Selectors identificeren welke elementen worden gestileerd, terwijl declaraties de specifieke stijlregels bevatten.

/* Dit is een CSS-stijlregel met meerdere eigenschappen */

p {

    color: blue; /* Tekstkleur blauw */

    font-size: 16px; /* Lettergrootte 16 pixels */

    background-color: #f0f0f0; /* Achtergrondkleur lichtgrijs */

    border: 1px solid #ccc; /* Rand 1 pixel dik, lichtgrijze kleur */

}

Klassen en ID's

CSS maakt gebruik van klassen en ID's om specifieke elementen te targeten en aan te passen. Klassen kunnen op meerdere elementen worden toegepast, terwijl ID's uniek moeten zijn binnen een pagina.

  .my-class {

      color: blue;

  }

  #my-id {

      color: blue;

  }

Externe CSS

Externe CSS-bestanden worden gebruikt om de stijlregels van meerdere webpagina's te centraliseren. Hierdoor kunnen wijzigingen in de stijl op één locatie worden doorgevoerd.

<link rel="stylesheet" href="style.css">

Samenvatting

CSS is een krachtige taal die wordt gebruikt om de visuele presentatie van webpagina's te controleren. Door stijlregels toe te passen op HTML-elementen, kunnen ontwikkelaars de lay-out, kleuren en lettertypen van hun webpagina's aanpassen.

Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.