97 of 133 menu

Balise style

La balise style permet d'écrire du CSS directement à l'intérieur d'une page HTML. Notez qu'à l'intérieur de la balise style, nous écrivons en respectant la syntaxe du langage CSS (sélecteurs, accolades et ainsi de suite).

Cette balise doit être placée à l'intérieur de la balise head, cependant ce n'est pas obligatoire - la balise style peut également être placée à l'intérieur de la balise body et cela fonctionnera.

Il ne faut pas abuser de la balise style - le plus souvent, il convient d'utiliser à la place un fichier CSS séparé.

Exemple

Écrivons du CSS à l'intérieur du code HTML à l'aide de la balise style :

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ceci est le titre de la page</title> <style> p { color: red; } </style> </head> <body> <h1>Ceci est un titre de couleur standard (noire).</h1> <p>Ceci est un paragraphe de couleur rouge.</p> </body> </html>

Voir aussi

  • la balise link,
    qui permet de lier des fichiers CSS
  • l'attribut style,
    qui définit les styles pour une balise spécifique
bydeenesfrptru