Cascading Style Sheet/Introduction

**Introduction**
Leçon : Cascading Style Sheet

Chapitre n^o 1
Retour au	Sommaire
Chap. suiv. :	Lier une feuille de style

En raison de limitations techniques, la typographie souhaitable du titre, « Cascading Style Sheet : Introduction
Cascading Style Sheet/Introduction », n'a pu être restituée correctement ci-dessus.

Introduction

Avant toute chose, il faut savoir que le CSS peut être inséré à trois endroits très distincts d'une page web :

Dans l'attribut style de la balise nécessitant une mise en page particulière.
Entre deux balises <style> et </style> (ex : <html><style type="text/css">code CSS...</style>...).
Dans un fichier externe ayant généralement pour extension .css, préférable pour appeler le style depuis plusieurs page (voir chapitre suivant).

Ces deux dernières méthodes permettent d'appliquer un style à toutes les balises d'un même type (des liens par exemple) sans avoir à le spécifier pour chaque balise.

Exemple

La balise XHTML <pre> ne permet d'adapter les retours chariots en fonction des navigateurs qu'avec un code CSS :

Exemple

<pre>Texte qui dépasse de la fenêtre du navigateur si cette dernière n’est pas assez large.</pre>

Texte qui dépasse de la fenêtre du navigateur si cette dernière n’est pas assez large.

Exemple

<pre style="white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;overflow:auto;">Texte dont la largeur s'adapte dynamiquement à la taille de la fenêtre du navigateur en allant à la ligne automatiquement.</pre>

Texte dont la largeur s'adapte dynamiquement à la taille de la fenêtre du navigateur en allant à la ligne automatiquement.

Cascading Style Sheet

Sommaire

Lier une feuille de style