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>