La structure (html) et le design (css)

Le CSS structure et formate le style de la présentation du document HTML.

Le rendu d'un document HTML stylisé est déterminé par les concepts de grille, de boîte et de flux.

Une grille flexible découpée en plusieurs colonnes (6 / 12 / 24)
un gabarit qui ne dépende pas d'une résolution minimale ou maximale.
Exemple : Conception Webdesign : 960 grid

Des boites plutôt que des tableaux

Des boîtes positionnées dans le flux ou pas !

Les caractéristiques applicables aux boîtes CSS seront exprimées sous forme de couples propriété: valeur.
Chaque élément de la structure HTML peut être lié à une ou plusieurs propriétés d'affichage paramétrables grâce au CSS.

p { 
    color:#000;
    text-align:center;
  }

Selon les besoins liés à la maquette, les boîtes :

  • peuvent avoir des propriétés de marges, de bordure, d'arrière-plan, de largeur ou de hauteur, etc.
  • peuvent être déplacées par rapport à leur position par défaut dans le flux.