Que signifie CSS correct ?

BEM est une spécification de dénomination CSS qui améliore la lisibilité du code, réduit les conflits et facilite la maintenance. 1.Block est un composant distinct, tel que .btn; 2.Ellement fait partie intégrante du bloc, tel que .nav \ _ \ _ lien; 3.Modificateur représente un état ou une variante, tel que .btn - grand. Les formats de dénomination sont .block, .block \ _ \ _ élément, .block - Modificateur ou .block \ _ \ _ élément - Modificateur respectivement. L'utilisation de BEM peut éviter les conflits de nom de classe, améliorer la maintenabilité et faciliter la collaboration par équipe. Les notes incluent: éviter les niveaux trop profonds, en utilisant raisonnablement le modificateur,

CSS fait référence au mécanisme de pondération utilisé par le navigateur pour déterminer les règles de style préférées. Lorsque plusieurs règles agissent sur le même élément, une règle de poids élevé prend effet. Par exemple, #Mainp est plus spécifique que P et couvrira la couleur bleue. La méthode de calcul est basée sur le type de sélecteur et est divisée en quatre niveaux: A est le nombre de styles en ligne, B est le nombre de sélecteurs d'ID, C est le nombre de classes, d'attributs et de pseudo-classes, et D est le nombre d'éléments et de pseudo-éléments. Comparez un peu à bit lorsque vous comparez et comparez A → B → C → D en séquence comme un numéro de téléphone. Les malentendus courants incluent les abus! Sélecteurs importants et surexcursants, sélecteurs d'identification de dépendance, etc. Il est recommandé d'utiliser une structure claire et un nom de nom de classe unifié pour réduire les conflits, et vous pouvez vérifier la couverture de style via l'outil de développement et ajuster les droits du sélecteur.

Il existe quatre façons de personnaliser les pointeurs de souris à l'aide de CSS: 1. Utilisez l'attribut de curseur pour définir des styles intégrés, tels que le pointeur, le texte, etc.; 2. Spécifiez l'image personnalisée comme curseur via URL () et définissez des styles alternatifs; 3. Ajouter des valeurs de coordonnées après URL () pour ajuster la position du point chaud du curseur; 4. Utilisez JavaScript pour masquer le curseur natif et utilisez des éléments pour simuler les effets dynamiques. Chaque méthode convient à différents scénarios et doit faire attention à la compatibilité, aux performances et aux détails de l'expérience utilisateur.

Le rôle de l'ID et de la classe dans CSS est différent et les scénarios d'utilisation sont également différents. 1.ID est un identifiant unique, utilisé pour la conception de style d'un seul élément unique, comme le contenu principal #; 2. La classe peut être réutilisée et convient à plusieurs éléments pour appliquer le même style, comme .Button; La priorité du sélecteur de 3.ID est supérieure à la classe, ce qui affectera l'écrasement du style; 4. L'ID est utilisé dans HTML, la classe est utilisée en classe, 5. L'ID est utilisé dans CSS et la classe est utilisée en classe. 6. Il est recommandé d'éviter une utilisation excessive de l'ID pour la conception de style, car il n'est pas facile à couvrir; 7

Pour centrer des éléments horizontalement et verticalement, les méthodes les plus courantes incluent l'utilisation de Flexbox, de la grille et du positionnement absolu pour correspondre à la transformation. 1. Utilisez Flexbox: définissez le conteneur sur la disposition Flex et définissez-le au centre via Justify-Content et Align-Items, qui convient aux navigateurs modernes et est simple et efficace; 2. Utilisez la grille: utilisez l'affichage: grille et lieux-éléments: centre pour atteindre le centrage, qui est concis et clair; 3. Position et transformée absolue: Convient aux anciens navigateurs, réglez-le à 50% par gauche et en haut et utilisez la transformation pour déplacer la moitié de sa largeur et sa hauteur pour atteindre le centrage. Il est couramment utilisé

Pour modifier la couleur du texte dans une page Web, utilisez l'attribut de couleur de CSS. Cette propriété contrôle la couleur de premier plan du texte et prend en charge le nom de la couleur, la valeur hexadécimale, le format RGB ou HSL, tel que: p {couleur: rouge;} ou h1 {couleur: # 00FF00;}, qui peut être appliqué pour le sélecteur, class ou id; Les méthodes couramment utilisées comprennent: 1. Nom de couleur (comme le rouge); 2. HexaDecimal (comme # FF0000); 3. RVB (comme RVB (255,0,0)); 4. HSL (comme HSL (0,100%, 50%)); Si la couleur ne prend pas effet lors du débogage, elle peut être écrasée par d'autres règles, un contraste insuffisant ou un mauvais format. Il est recommandé d'utiliser des outils de développeur de navigateur pour vérifier et déboguer en temps réel pour assurer l'effet

ImageRepplacencsSSinvolVeshidingRealTextandSplayinganImageOrSTyledVersionInStead, assurant l'accessibilité et les objets de scolarisation avec ce qui est de la visualisation de la réussite.

CSSLogicalProperties and Values fournit une disposition basée sur le mode d'écriture, en utilisant des directions en ligne, en bloc, en start, en fin et dans d'autres directions logiques pour remplacer la gauche traditionnelle, la droite, le haut, le bas. 1. Il permet au style de s'adapter automatiquement à LTR, RTL et disposition verticale sans ajustements supplémentaires; 2. Les attributs communs incluent le démarrage en ligne de marge, le padding-block-end, la taille en ligne et la taille d'un bloc; 3. Applicable aux sites Web internationaux, au développement de la bibliothèque de composants et à la conception réactive; 4. Faites attention à la compatibilité lorsque vous l'utilisez, et certains navigateurs peuvent avoir besoin de tomber