bookmark_borderbookmark
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Sofia Emelianova
Mit den Chrome-Entwicklertools können Sie CSS-Rasterlayouts mithilfe einer Vielzahl von Visualisierungsoptionen intuitiv debuggen.
Im Video erfahren Sie, wie Sie das Raster-Overlay im Bereich Elemente ein- und ausblenden und wie Sie es für Folgendes verwenden:
Rasterlayouts visualisieren und prüfen
Hier sehen Sie die Zeilen- und Spaltennummern, die Sie beim Platzieren von Rasterelementen verwenden können.
Verwenden Sie Linien- und Gebietsnamen und sehen Sie sie sich im Overlay an, wenn Sie viele Rasterelemente haben und die Zahlen verwirrend sind.
Prüfen Sie die Track-Größen.
Außerdem können Sie mit dem Raster-Editor im Bereich Elemente > Styles Elemente und ihren Inhalt mit nur einem Klick in einem Rasterlayout ausrichten, anstatt CSS-Regeln einzugeben.
Wenn Sie das in der Praxis erleben möchten, folgen Sie dem Tutorial CSS-Raster prüfen.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2022-08-18 (UTC)."],[],[]]