Logique défectueuse

La vérité est que l'apprentissage d'une nouvelle langue est comme un changement mental. Vous passez de la traduction en pensant directement dans la nouvelle langue, finalement en rêvant. Ce même phénomène s'applique à la maîtrise de la nouvelle syntaxe CSS, en particulier des propriétés logiques. Le "aha!" Le moment de compréhension intuitive est incroyablement enrichissant.

Cependant, la mise en œuvre actuelle du CSS présente un défi. Alors que de nombreux développeurs adoptent des propriétés logiques comme padding-inline et margin-inline , l'utilisation cohérente reste insaisissable. Cette incohérence entrave la transition mentale transparente que nous recherchons.

Par exemple, alors que inline-size offre une alternative logique à width , les prochaines requêtes @container semblaient initialement rompre cette cohérence, nécessitant un retour à min-width et max-width . Heureusement, les projets récents suggèrent que ce problème pourrait être résolu, permettant potentiellement les propriétés logiques ou physiques dans les requêtes @container . Idéalement, seules les propriétés logiques seraient appuyées par la clarté, mais la décision finale semble imminente.

Un autre domaine nécessitant une attention est le manque d'équivalents logiques pour les propriétés overflow-* . Bien que overflow-inline (l'équivalent logique de overflow-x ) existe, le support du navigateur est actuellement limité à Firefox.

Malgré ces incohérences, de nombreuses propriétés logiques sont prêtes pour une utilisation intuitive: size , position , margin , padding , border , alignment , etc. Même les propriétés comme border-top-left-radius ont désormais des homologues logiques (par exemple, border-start-start-radius ), et float: inline-end Replats float: right . Le potentiel de développement CSS plus propre et plus intuitif est significatif.

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!