In CSS Grid werden benannte Rasterbereiche mithilfe der Eigenschaft „grid-area“ ohne Anführungszeichen definiert. Dies mag kontraintuitiv erscheinen, da die Namen beim Erstellen von Rasterbereichsnamen mit Raster in Anführungszeichen gesetzt werden: „Bereich1 Bereich2“ / 1fr 1fr;. Diese Designwahl wurde jedoch aus Gründen der Konsistenz mit dem Rest der CSS-Spezifikation getroffen.
Fast alle CSS-Eigenschaften verwenden Bezeichner für ihre Werte anstelle von Zeichenfolgen. Ausnahmen umfassen stringbasierte Eigenschaften wie Schriftartfamilie, Inhalt und Rastervorlagenbereiche. Durch die Beibehaltung von Bezeichnern für benannte Rasterbereichswerte bleibt CSS mit seiner Gesamtsyntax konsistent.
Die Entscheidung, benannte Rasterbereiche sowohl als Zeichenfolgen in Grid-Template-Areas als auch darzustellen Bezeichner im Rasterbereich dienen zwei Zwecken:
Auszüge aus Diskussionen, die während der Entwicklung der CSS-Grid-Spezifikation geführt wurden, erläutern die Gründe für die Verwendung von Bezeichnern:
Syntax für benannte Zeilen:
" Die vorherige Syntax für benannte Zeilen war umständlich und verwendete Zeichenfolgen als CSS-interne Bezeichner, die wir nirgendwo anders verwenden. Durch den Wechsel zu Bezeichnern. Wir stellen die Konsistenz mit dem Rest von CSS sicher und ermöglichen eine visuelle Gruppierung von Namen . Dadurch wird das aktuelle schreckliche Syntaxproblem behoben und die Konsistenz mit dem Rest der CSS-Syntax gewährleistet Konsistenz von CSS. Es stimmt mit den meisten Eigenschaftswerten überein, ermöglicht eine bessere visuelle Gruppierung und ermöglicht die Kompatibilität zwischen verschiedenen Rastersyntaxen.
Das obige ist der detaillierte Inhalt vonWarum werden CSS-benannte Rasterbereiche nicht in Anführungszeichen gesetzt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!