Modifier le style d'une balise
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.
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<sytle>
div{
color: red;
font-weight: bold;
}
</sytle>
<div>Mon texte</div>
</body>
</html>
Exemple 2
L'attribut style modifie toutes les balises <div> de la page web en cours.
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<div style="color: red; font-weight: bold;">Mon texte</div>
</body>
</html>
Exemple 3
On utilise la class maclass qui va modifier le style de la balise ou sera déclaré l'attribut class="maclass".
.maclass{
color: red;
font-weight: bold;
}
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="maclass">Mon texte</div>
</body>
</html>
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;
}
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div>Mon texte</div>
</body>
</html>