Personnalisation des balises HTML avec des règles CSS - Le sélecteur HTML
L'une des raisons pour lesquelles CSS est si populaire est la polyvalence qu'il donne aux balises HTML. Bien que vous ne puissiez pas "désactiver" les contrôles intégrés de la balise, vous pouvez ajouter d'autres contrôles aux balises HTML pour étendre leur utilité. Pour ce faire, ajoutez de nouvelles définitions CSS au sélecteur de balises. Utilisons le HTML

pour notre exemple et nous ajouterons une couleur d'arrière-plan, un visage de police, une taille de police et un contrôle de couleur de texte au

étiquette. Cela provoquera tout entre toute ouverture et fermeture

balises à contrôler par nos nouvelles définitions sur toute la page Web.

p {
couleur de fond: # 000000;
famille de polices: arial;
taille de police: 12px;
couleur: #ffffff;
}

Dans notre exemple, la règle CSS commence par le sélecteur HTML (p) qui est suivi du bloc de déclaration CSS contenant toutes les définitions de valeur de propriété que nous souhaitons ajouter. Comme d'habitude, chaque définition commence par la propriété, suivie par deux points, la valeur et se terminant par un point-virgule. Le bloc entier est placé entre crochets. Il y a quelques points à retenir lors de l'écriture de vos propres règles CSS pour les balises HTML.

  • Vous pouvez placer votre règle CSS personnalisée à l'intérieur des balises dans la section d'en-tête de votre page Web.

  • Vous pouvez placer votre règle CSS personnalisée dans un fichier CSS externe.

  • Les définitions CSS personnalisées que vous ajoutez à un sélecteur de balises particulier doivent contenir des propriétés qui peuvent être contrôlées par cette balise.

  • Parce que vous placez la règle personnalisée dans la section d'en-tête ou le fichier CSS externe, cela affectera la page Web entière. Si vous n'avez besoin de contrôler qu'une seule balise HTML individuelle (une instance spéciale d'une balise), vous devez appliquer un style en ligne à cette balise individuelle.

  • La balise conserve les propriétés intégrées de cette balise HTML. Par exemple, le code HTML la balise en gras continuera d'appliquer l'effet en gras à tout texte placé entre l'ouverture et la fermeture Mots clés.




Instructions Vidéo: Les bases de html et css pour debutant front-end #2 (Mai 2024).