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

Par Clouder le 04 Sep 2019 (Édité) 0 +99

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>


Cette pub permet au site de vivre ...

Commentaire

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !
Cette pub permet au site de vivre ...