Modifier le style d'une balise (div, p, h1, etc.)
Il y a plusieurs façons de modifier le style d'une balise en CSS.
Prenons l'exemple de la balise <div> que l'on souhaite mettre en rouge et en caractère gras.
Exemple 1
La balise <style> modifie toutes les balises <div> de la page web en cours.
<body>
<style>
div{
color: red;
font-weight: bold;
}
</style>
<div>Mon texte</div>
</body>
Exemple 2
L'attribut style modifie toutes les balises <div> de la page web en cours.
<body>
<div style="color: red; font-weight: bold;">Mon texte</div>
</body>
Exemple 3
On utilise la classe maclass qui va modifier le style de la balise ou sera déclaré l'attribut class="maclass".
.maclass{
color: red;
font-weight: bold;
}
<head>
<title>CSS</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="maclass">Mon texte</div>
</body>
Exemple 4
On modifie directement la balise <div> qui va modifier le style de toutes les balises de la page en cours.
div{
color: red;
font-weight: bold;
}
<head>
<title>CSS</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div>Mon texte</div>
</body>
