CSS (Cascading Style Sheets) est un standard du W3C qui complète HTML.
CSS sert à :
Mieux séparer méthodologiquement la structure (en HTML) de la mise en forme (CSS)
Simplifier l'écriture HTML (et la génération HTML dans le cas de sites dynamiques réalisés avec PHP par exemple)
Factoriser et réutiliser la mise en forme, notamment pour assurer l'homogénéisation d'un site Web (externalisation des feuilles CSS)
Augmenter les possibilités de mise en forme du HTML (couches CSS)
On peut associer à tout fichier HTML, dans le head, une ou plusieurs feuilles CSS (qui se complètent "en cascade").
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>...</title>
<link href='css/style1.css' type='text/css' rel='stylesheet'/>
<link href='css/style2.css' type='text/css' rel='stylesheet'/>
...
Un fichier CSS permet d'associer une mise en forme aux éléments utilisés dans le fichier HTML.
p { font-family:sans-serif;}
On peut différencier les styles en fonction des attributs class et id des éléments HTML.
On recours alors massivement aux éléments div et span pour le stylage, avec des attributs id (pour référencer un élément particulier) et/ou class (pour référencer un ensemble d'éléments de même type).
div.class { ... }
span.class { ... }
#id { ... }