Modifier le style d'une balise (div, p, h1, etc.)

Par Clouder le 21 Novembre 2019 à 15:57 (Édité) 1079

L'article suivant vous propose les options suivantes :

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 ...
Cette pub permet au site de vivre ...