En savoir plus sur l'utilisation des cascades CSS et de l'héritage

1. Trois façons d'utiliser les feuilles de style CSS en HTML :

(1) Feuilles de style en ligne.

par exemple : LIN

(2) Feuille de style intégrée.

intègre la balise

Lorsque ces propriétés entrent en conflit avec les règles CSS, Toujours remplacé par les règles CSS.

4. Utiliser dans les règles ! important

Utiliser ! La règle spécifiée par important est plus importante que les autres règles.

par exemple : em { couleur : bule ! important ;🎜>

Remarque : l'utilisateur d'abord ! les règles importantes priment sur les règles de l'auteur.

Les feuilles de style définies par l'utilisateur doivent être déclarées ! important.

5. Règles @import, importer des fichiers.

par exemple : h1 {couleur : rouge;}

@import url("style.css");

/*style.css*/

h1{color: green;}

Le code ci-dessus, le h1 final est rouge. Car par défaut la feuille de style importée apparaît avant les règles de la feuille de style d'origine.

6.

Héritage

(1) Notez que les propriétés display, border, margin et padding ne sont pas héritées.

(2) background-color n'est pas hérité Lorsqu'elle n'est pas définie, sa valeur par défaut est la valeur spéciale transparente.

(3) Lors de l'héritage d'une valeur relative, la valeur est d'abord calculée avant de la transmettre aux descendants.

(4) Spécifiez l'héritage : héritez d'une valeur spéciale

par exemple : p .standout{ border :1px solid blue ;}

p .standout{ border:inhert;}

Remarque : lors de la sortie de CSS 1, celui de l'auteur ! le style important prime sur celui de l'utilisateur ! style important.

css2, celui de l'utilisateur ! le style important prime sur celui de l'auteur ! style important.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!