Maison >interface Web >tutoriel CSS >Pourquoi les zones de grille nommées CSS ne sont-elles pas entourées de guillemets ?
Dans CSS Grid, les zones de grille nommées sont définies à l'aide de la propriété grid-area sans guillemets. Cela peut sembler contre-intuitif puisque les noms sont mis entre guillemets lors de la création des noms de zones de grille avec grid : "area1 area2" / 1fr 1fr;. Cependant, ce choix de conception a été fait par souci de cohérence avec le reste de la spécification CSS.
Presque toutes les propriétés CSS utilisent des identifiants pour leurs valeurs, plutôt que des chaînes. Les exceptions incluent les propriétés basées sur des chaînes telles que la famille de polices, le contenu et les zones de modèle de grille. En conservant les identifiants pour les valeurs de zone de grille nommée, CSS reste cohérent avec sa syntaxe globale.
La décision de représenter les zones de grille nommées à la fois sous forme de chaînes dans les zones de modèle de grille et Les identifiants dans la zone de grille servent à deux fins :
Des extraits de discussions tenues lors du développement de la spécification CSS Grid expliquent le raisonnement derrière l'utilisation des identifiants :
Syntaxe des lignes nommées :
" La syntaxe précédente des lignes nommées était délicate et utilisait des chaînes comme identifiants internes au CSS, que nous n'utilisons nulle part ailleurs. En passant aux identifiants, nous nous assurons. cohérence avec le reste du CSS et permettre un regroupement visuel des noms. Cela résoudra le terrible problème de syntaxe actuel et assurera la cohérence avec le reste de la syntaxe CSS. cohérence du CSS. Il s'aligne sur la majorité des valeurs de propriété, permet un meilleur regroupement visuel et permet la compatibilité entre les différentes syntaxes de grille.
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!