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>
Cette pub permet au site de vivre ...
Voir d'autres articles
Créer son site de rencontres
Première base de données
SQL
Le langage SQL
Créer son site de rencontres
Personnaliser sa bare de menu avec du CSS
Cette pub permet au site de vivre ...