Erstellen Sie ein Layout so schnell wie 5G: CSS Grid Grid-Layout
Grid (Grid-Layout): Die erste echte Layout-Technologie in CSS und der Höhepunkt des CSS-Layouts. Sie verabschiedet sich vollständig vom eindimensionalen Modell und tritt in eine neue Ära des zweidimensionalen Raumlayouts ein.
37388
Person lernt
18
Unterrichtsstunde
2022-04-20
Updatezeit
03 Stunden48 Minuten47 Sekunden
Gesamtkursdauer
认证高级PHP讲师
Du wirst es lernen
Beherrschen Sie die Prinzipien, allgemeinen Attribute und Anwendungsszenarien des Grid-Layouts gründlich und verabschieden Sie sich von der „Layout-Phobie“.
Erstellen Sie ein Layout so schnell wie 5G: CSS Grid Grid-Layout
Abschnitt1 1. Gittercontainer erstellen und aufteilen (1)
16 Minuten43 Sekunden
Abschnitt2 1. Gittercontainer erstellen und aufteilen (2)
14 Minuten34 Sekunden
Kapitel1 Rastercontainer erstellen
Abschnitt1 Legen Sie die Anzahl und Größe der Zellen fest(1)
12 Minuten00 Sekunden
Abschnitt2 Legen Sie die Anzahl und Größe der Zellen fest(2)
13 Minuten40 Sekunden
Kapitel2 Anzahl und Größe der Zellen
Abschnitt1 Teilen Sie Zellen mithilfe von Standardgitterlinien(1)
11 Minuten52 Sekunden
Abschnitt2 Teilen Sie Zellen mithilfe von Standardgitterlinien(2)
13 Minuten50 Sekunden
Abschnitt3 Teilen Sie Zellen mithilfe benannter Gitterlinien
13 Minuten12 Sekunden
Abschnitt4 Benannte Rasterlinien fügen beim wiederholten Setzen von Zellen automatisch Indizes hinzu
12 Minuten11 Sekunden
Kapitel3 Gitterlinien teilen Zellen
Abschnitt1 Füllen Sie Elemente in den Standardrasterbereich ein
16 Minuten41 Sekunden
Abschnitt2 Füllen Sie Elemente in einen benannten Rasterbereich
11 Minuten58 Sekunden
Abschnitt3 Füllen Sie Elemente in Platzhalter für Rasterbereiche ein
06 Minuten31 Sekunden
Abschnitt4 Standardname für benannte Rasterflächenlinien
13 Minuten34 Sekunden
Kapitel4 Gegenstände bevölkern das Gebiet
Abschnitt1 Legen Sie die Ausrichtung aller Elemente im Container fest(1)
11 Minuten39 Sekunden
Abschnitt2 Legen Sie die Ausrichtung aller Elemente im Container fest(2)
11 Minuten17 Sekunden
Abschnitt3 Legen Sie die Ausrichtung aller Elemente in der Zelle fest
14 Minuten52 Sekunden
Abschnitt4 Legt die Ausrichtung aller Elemente innerhalb des Rasterbereichs fest
08 Minuten48 Sekunden
Abschnitt5 Legen Sie die Ausrichtung eines Elements innerhalb einer Zelle oder eines Rasterbereichs fest
12 Minuten19 Sekunden
Abschnitt6 Legen Sie den Abstand zwischen Zeilen und Spalten im Container fest
13 Minuten06 Sekunden
Kapitel5 Ausrichtung von Artikeln
Datenname
Quellcode für das Raster-Layout
Herunterladen
PHP中文网 Dozent für andere Kurse
Beliebte Kurse
Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)
79 Unterrichtsstunde
1477511
JAVA-Video-Tutorial für Anfänger
753 Unterrichtsstunde
2982891
Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python
60 Unterrichtsstunde
547008
Kurze Einführung in die Web-Frontend-Entwicklung
8 Unterrichtsstunde
220856
Meistern Sie PS-Video-Tutorials von Grund auf
268 Unterrichtsstunde
1004939
Aktuelle Kurse
[Web-Frontend] Node.js-Schnellstart
16 Unterrichtsstunde
16735
Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung
12 Unterrichtsstunde
13533
Gehen Sie zur praktischen Anwendung von GraphQL
10 Unterrichtsstunde
11186
Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf
1 Unterrichtsstunde
1268
Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen
50 Unterrichtsstunde
56011










![Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original]](https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png)