Exemples

On trouvera dans ce paragraphe un exemple de HTML et CSS Dynamique. .

CSS Dynamique

Cette page montre comment modifier dynamiquement le style d'affichage d'une page HTML.

• On verra ici :
  • comment un bouton permet de modifier le style de la page dynamiquement
  • comment définir des styles différents de la page pour l'écran et l'imprimante.
  • comment séparer textes, styles et actions

Il y a quatre fichiers à consulter :

• la page HTML :   index.html
• les styles CSS :   stylesScreen.css   et   stylesPrint.css
• le programme JavaScript :   code.js

Vous pouvez aussi télécharger l'archive compactée du dossier stylesCSS qui contient cet exemple.

Lisez attentivement les commentaires de la page et consultez les codes sources.

En cas de difficultés pour consulter les fichiers HTML CSS ou JavaScript :   Aide