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>