codequick-darkmode-logo
InloggenAanmelden
CSS-cursus

Syllabus:

CSS-cursus

6 Lessen 39 Online Programmeervragen


Welke onderwerpen worden behandeld in de cursus?

Css Introductie

  1. Basis van CSS Deel 1:

    • Definieer stijl en pas het toe op CSS.

    • Voorbeelden van het toepassen van font-size, color, text-align, margin, padding, border en background-color op de elementen.

    • Definieer links en hoe ze in HTML te incorporeren om CSS-styling toe te passen.

    • De hiërarchie van inline style > id > class > tag voor het efficiënt toepassen van CSS-stijlen.

    • CSS-stijlen direct toepassen op een element met inline styles.

    • CSS-stijlen toepassen met behulp van id.

    • CSS-stijlen toepassen met behulp van class.

  1. CSS basis Deel 2:

    • Gebruik van HTML tags.

    • Nesten van HTML elementen.

    • Het begrijpen van de hiërarchie van CSS klassen.

    • Verkennen van hover en het gebruik ervan.

    • Aanpassen van HTML breedte en hoogte.

  1. Pagina-indeling infrastructuur Deel 1:

    • Naamgevingsconventies voor klassen in CSS

    • Het verschil tussen visibility en display eigenschappen, en hoe ze toe te passen in ontwerp

    • Voorbeelden van CSS eigenschappen zoals border-radius, visibility, display en box-sizing

    • De voordelen van het gebruik van het border-box model voor een betere lay-out van het ontwerp.

  1. Infrastructuur van paginalayout Deel 2:

    • Layouts verbeteren in CSS.

    • Wat float en clear doen met de layout van het document.

    • Het gebruik van float en clear.

    • Een overzicht van methoden om elementen uit te lijnen.

  1. Elementen positioneren met CSS Deel 1:

    • Verkennen van position in CSS.

    • Begrip van relatieve positionering.

    • Begrip van absolute positionering.

    • De positie beheersen met behulp van top, left, right en bottom eigenschappen.

    • Gebruik van z-index om de stapelvolgorde van elementen te beheersen.

  1. Elementen positioneren met CSS Deel 2:

    • Leer hoe je elementen positioneert met de CSS position eigenschap.

    • Begrijp het verschil tussen position: relative en position: absolute.

    • Ontdek hoe je de top, left, right en bottom eigenschappen gebruikt om de positie van elementen aan te passen.

    • Ontdek hoe je de stapelvolgorde van elementen controleert met de z-index eigenschap.