Web Development Library: CSS3

Dit deel van de serie Web Development Library biedt een stevige basis voor het vormgeven van webpagina’s met de opmaaktaal CSS. De auteurs gaan uitgebreid in op de mogelijkheden die zijn vastgelegd in CSS3 en alles wat daarbij hoort. Met behulp van voorbeelden en oefeningen ontwikkelt u zich tot een gevorderde webdesigner. Tot de behandelde onderwerpen behoren:

Kennismaken met CSS3 en de nog steeds actuele voorganger CSS2.1.
Basiskenmerken zoals de opbouw van stijlregels en waar die komen te staan.
Het gebruik van lettertypen en de opmaak van tekst en menu’s.
Gebruikmaken van eenvoudige en geavanceerde selectors.
Het boxmodel en de positionering van elementen.
Kleurgebruik en achtergrondafbeeldingen.
Media queries, lay-outs met positionering en floats en flexbox.
Transformeren en animeren.

Website: www.webdevelopmentlibrary.nl

Downloadbare bestanden

Inkijkexemplaar.pdf - 1205 kB

Wis filter

Peter Doolaard

Peter Doolaard is eindredacteur en vormgever bij Van Duuren Media B.V. Hij redigeerde talloze boeken over aan computers gerelateerde onderwerpen en vertoont een bijna ongezonde belangstelling voor alles wat er op dit gebied valt te beleven. Peter Doolaard...
lees meer

Doolaard D
Peter Kassenaar

Peter Kassenaar is auteur van vele boeken over algemeen pc-gebruik programmeertalen en internettechnieken en toepassingen als Dreamweaver en Flash. Daarnaast is hij docent en usability-expert. Peter Kassenaar is sinds 1988 op computergebied actief als...
lees meer

Kassenaar K

Web Development Library: CSS3

1

Kennismaken met CSS3

Een korte geschiedenis van CSS

Wat CSS is

Browsers

HTML- en CSS-editors

Aanvullende hulpmiddelen

Verder benodigde voorkennis

Samenvatting

Praktijkoefeningen

2

Beginnen met CSS

Enkele basiskenmerken van CSS

CSS-regels in detail

Waarden en eenheden

De plaats van CSS-declaraties

Samenvatting

Praktijkoefeningen

3

Lettertypen, tekst en menuopmaak

Het lettertype instellen met font-family

Eigenschappen voor lettertype: font

Lettertypen downloaden van internet

Lettertypen downloaden: @font-face

Eigenschappen voor tekst

Lijsten en menu’s opmaken met CSS

Lijsten als horizontaal navigatiemenu

Samenvatting

Praktijkoefeningen

4

Meer over CSS-selectors

CSS en de boomstructuur van HTML

Elementen benaderen met selectors

De selector class

De selector id

Combinators: afstamming, kind en sibling

Pseudoklassen

Pseudo-elementen

Praktijkvoorbeeld: afstammingsselectors

Best practices

Samenvatting

Praktijkoefeningen

5

Boxmodel en positionering van elementen

De opbouw van pagina’s

Het boxmodel

Marges

Padding

Randen

Weergavemodel

Positionering – de lay-out

Visuele effecten

Samenvatting

Praktijkoefeningen

6

CSS-kleuren en -achtergronden

Kleurwaarden in CSS

Tekstkleur instellen

De achtergrond

Achtergrondafbeelding

Kleurverlopen

Afgeronde hoeken

Schaduw

Samenvatting

Praktijkoefeningen

7

Media queries, lay-outs en flexbox

Inleiding

Media queries

Lay-out met positionering en floats

Flexibele lay-out met flexbox

Flexcontainers en flexitems

Het assenstelsel van de flex-flow

Flexitems schalen

Flexitems uitlijnen

Een lay-out maken met flexbox

Verder ontdekken

Samenvatting

Praktijkoefeningen

8

Transformeren en animeren

Inleiding

Transform – elementen uitrekken, verschuiven of draaien

Transition – eigenschappen animeren

Animatie met keyframes

Meer informatie over animatie

Samenvatting

Praktijkoefeningen

Index

Web Development Library: CSS3

Peter Doolaard

Peter Kassenaar

Web Development Library: CSS3

Peter Kassenaar

Web Development Library: Angular

Peter Kassenaar

Web Development Library: Bootstrap 4

Antoni Dol

Online styleguides met Frontify

Chris Ward

Web Development Library: Responsive webdesign

Peter Kassenaar

Web Development Library: JavaScript 2e editie

Peter Kassenaar

Web Development Library: ECMAScript 6 & TypeScript

Peter Doolaard

Web Development Library: CSS Flexbox en Grid Layout