Cascading Style Sheet/Introduction

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.

Cet article est issu de Wikiversity. Le texte est sous licence Creative Commons - Attribution - Partage dans les Mêmes. Des conditions supplémentaires peuvent s'appliquer aux fichiers multimédias.