1. Révision

1. Qu'est-ce que CSS ?
   Feuilles de style en cascade - les styles en cascade seront uniquement remplacés mais pas remplacés

2. Comment utiliser CSS
   attribut de style --->

   
   balise sytle---> à l'intérieur de la balise head
   link--->

3. Sélecteur de base
   Le sélecteur de balise HTML sélectionne les éléments par nom de balise HTML
   ①Toutes les balises HTML peuvent être utilisées comme sélecteurs
   ②Peu importe Quelle que soit la profondeur de la balise est masqué, il sera sélectionné
   ③Toutes les balises sont sélectionnées à la place d'une balise spécifique. Donc, ce que nous définissons via le sélecteur de balise html sont quelques problèmes courants
   sélecteur d'identifiant
   ① Toute balise peut utiliser l'attribut id et la valeur de l'attribut (car l'identifiant est un attribut global). Le nom d'identification ne peut pas être nommé arbitrairement. Il est sensible à la casse. Le nom de l'ID peut contenir des chiffres, des lettres et des traits de soulignement, mais il doit commencer par une lettre.
   Méthode de dénomination des cas de chameaux Méthode de dénomination des cas de petits chameaux Dénomination des cas de gros chameaux
   TestHeader petit cas de chameau TestHeader grand cas de chameau ② Mais le nom d'identification ne peut pas être répété
   sélecteur de classe
   ① N'importe quelle balise peut utiliser la classe attribut (attribut de classe) C'est aussi un attribut global)
   ②Le nom de l'attribut de classe peut être réutilisé
   ③Un attribut de classe peut avoir plusieurs valeurs d'attribut de classe.

2. Sélecteur complet

1. Sélecteur descendant div p

2. Sélecteur d'intersection div .dl

3. Sélecteur d'union div, p

4. Sélecteur d'élément enfant div>p

5. Séquence sélecteur ul li:premier-enfant ul:li:dernier-enfant

6. Sélecteur de frère ou sœur adjacent div + p

7. Sélecteur de frère ou sœur commun div ~ p

3. Héritage

1. Héritage : certains attributs CSS de l'élément parent hériteront du passé sans condition. Tous les attributs CSS concernant le texte peuvent être hérités : color text- line-font-

2. Stacking
   L'empilage résout le problème des conflits CSS
   Comparez les poids pour résoudre le problème en cascade
   ! important peut changer le poids des « attributs individuels » en infini. Utilisez-en le moins possible.

4. Éléments de niveau bloc et éléments en ligne

Éléments de niveau bloc div
éléments en ligne span
La différence entre les éléments de niveau bloc éléments et éléments en ligne : 1. La largeur et la hauteur ne peuvent pas être définies pour les éléments en ligne. La largeur et la hauteur de l'élément en ligne sont les mêmes que la largeur et la hauteur de l'étiquette. Les éléments de niveau bloc peuvent définir la largeur et la hauteur. 2. Les éléments de niveau bloc occuperont une ligne distincte. Cependant, les éléments en ligne ne peuvent pas occuper une ligne par eux-mêmes et ne peuvent partager une ligne qu'avec d'autres éléments en ligne. 3. Si l'élément de niveau bloc ne définit pas de largeur, l'élément de niveau bloc occupera automatiquement toute la largeur de l'élément parent.

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!