Les pricipales propriétés d'un sélécteur

 

1 - Sélecteur de balise & syntaxe générale d'un code CSS

Avant de de parler des propriétés d'un sélecteur,  prenons un exemple simple :

Exemple pour mettre les balise de titre <h1> en rouge on utilise le code  :

h1{ color:#FF0000 ; }

Ici dans cet exemple :

- h1 s'appelle le sélécteur de balise ( il sélectionne ici la balise titre h1) ,

- color designe ici  la propriété du sélecteur qui dans ce cas rouge ) 

à partir de cet exemple, on peut déduire la syntaxe générale d'un code CSS :

Selecteur de balise{ propriéteé:valeurs;}

2 - Exemple de sélecteurs de balises CSS

Exemple :

Si on veut par exemple que les balises de titre soit en rouge avec la taille 22px, et les balises de sous titre soient en bleu avec la taille 18px, on utilise le code CSS :

h1{color:red;
  }
  h2{color:blue;
  }

Voici le code complet de la page Web :

<html>
<head>
<style>
h1{color:red;
  }
  h2
{color:blue;
}
</style>
<title>Sélecteur de balises</title>
</head>
<body>
<h1>Voici le titre en rouge !</h1>
<h2>Voici le sous titre en bleu !</h2>
</body>
</html>

Et voici maintenant l'aperçu de la page :

sélecteurs de balise en css
sélecteurs de balise en css

1 thought on “Les pricipales propriétés d'un sélécteur

Leave a Reply

Your email address will not be published. Required fields are marked *