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>