Mobiles Layout: Erweiterte und erweiterte Version von HTML5+CSS3
Der Zweck dieses Kurses besteht darin, es jedem zu ermöglichen, das mobile Layout zu beherrschen. Der Kurs erklärt hauptsächlich das Ansichtsfenster, das Doppelbild, das Drain-Layout, das Flex-Layout, das REM-Layout und das responsive Layout und fügt auch Tools wie Mockup hinzu.
189382
Person lernt
161
Unterrichtsstunde
2022-11-25
Updatezeit
19 Stunden32 Minuten56 Sekunden
Gesamtkursdauer
有朋自远方来，虽远必诛！
Du wirst es lernen
Der Zweck dieses Kurses besteht darin, es jedem zu ermöglichen, das mobile Layout zu beherrschen. Der Kurs erklärt hauptsächlich das Ansichtsfenster, das Doppelbild, das Drain-Layout, das Flex-Layout, das REM-Layout und das responsive Layout und fügt auch Tools wie Mockup hinzu.
Mobiles Layout: Erweiterte und erweiterte Version von HTML5+CSS3
Abschnitt1 Einführung in HTML5
01 Minuten30 Sekunden
Abschnitt2 Grundlegende Verwendung von vscode
15 Minuten21 Sekunden
Abschnitt3 Installation des vscode-Plug-ins
11 Minuten30 Sekunden
Abschnitt4 Was ist HTML5?
04 Minuten53 Sekunden
Abschnitt5 Neue HTML5-Tags
09 Minuten30 Sekunden
Abschnitt6 Multimedia-Audio-Tags
12 Minuten10 Sekunden
Abschnitt7 Multimedia-Video-Tags
15 Minuten03 Sekunden
Abschnitt8 HTML5 neues Eingabe-Tag
12 Minuten02 Sekunden
Abschnitt9 Neue HTML5-Formularattribute
12 Minuten32 Sekunden
Abschnitt10 HTML5-Zusammenfassung
06 Minuten52 Sekunden
Abschnitt11 Einführung in CSS3
02 Minuten39 Sekunden
Abschnitt12 CSS3-Attributauswahl (oben)
11 Minuten18 Sekunden
Abschnitt13 CSS3-Attributselektor (unten)
10 Minuten46 Sekunden
Abschnitt14 CSS3-Struktur-Pseudoklassenselektor (Teil 1)
06 Minuten19 Sekunden
Abschnitt15 n-tes Kind(n)
12 Minuten47 Sekunden
Abschnitt16 Der Unterschied zwischen nth-child und nth-of-type
10 Minuten22 Sekunden
Abschnitt17 Zusammenfassung der Struktur-Pseudoklassenselektoren
02 Minuten02 Sekunden
Abschnitt18 CSS3-Pseudoelementselektor
08 Minuten48 Sekunden
Abschnitt19 Fall eines Pseudoelementselektors
09 Minuten26 Sekunden
Abschnitt20 2D-Konvertierung: übersetzen
13 Minuten07 Sekunden
Abschnitt21 Zentrieren Sie eine Box horizontal und vertikal
09 Minuten18 Sekunden
Abschnitt22 2D-Konvertierung drehen
05 Minuten55 Sekunden
Abschnitt23 CSS3-Dreieck
07 Minuten23 Sekunden
Abschnitt24 Konvertierungs-Mittelpunkt festlegen
06 Minuten09 Sekunden
Abschnitt25 Gehäuse mit Drehmittelpunkt
06 Minuten56 Sekunden
Abschnitt26 2D-Konvertierungsmaßstab
06 Minuten56 Sekunden
Abschnitt27 Bildvergrößerungskoffer
11 Minuten07 Sekunden
Abschnitt28 Gehäuse mit Paging-Taste
03 Minuten20 Sekunden
Abschnitt29 Umfassende Schreibmethoden und Sequenzprobleme für die 2D-Konvertierung
05 Minuten38 Sekunden
Abschnitt30 Zusammenfassung der 2D-Konvertierung
03 Minuten06 Sekunden
Abschnitt31 Grundlegende Verwendung von CSS3-Animationen
08 Minuten56 Sekunden
Abschnitt32 Animationssequenz
12 Minuten41 Sekunden
Abschnitt33 Allgemeine Eigenschaften der CSS3-Animation
16 Minuten08 Sekunden
Abschnitt34 Abkürzung für CSS3-Animation
07 Minuten17 Sekunden
Abschnitt35 Big-Data-Heatmap-Fall (Teil 1)
14 Minuten08 Sekunden
Abschnitt36 Big-Data-Heatmap-Fall (Teil 2)
14 Minuten10 Sekunden
Abschnitt37 Die Schritte der Geschwindigkeitskurve
08 Minuten28 Sekunden
Abschnitt38 Running Bear Großer Koffer
14 Minuten25 Sekunden
Abschnitt39 3D-Transformationen verstehen
05 Minuten20 Sekunden
Abschnitt40 3D-Übersetzung translator3d
07 Minuten57 Sekunden
Abschnitt41 PerspektivePerspektive
08 Minuten53 Sekunden
Abschnitt42 übersetzenZ
09 Minuten23 Sekunden
Abschnitt43 3D-Rotation rotierenX
09 Minuten43 Sekunden
Abschnitt44 3D-Rotation rotierenY
03 Minuten55 Sekunden
Abschnitt45 3D-Rotation rotierenZ
05 Minuten50 Sekunden
Abschnitt46 3D-Rendering im Transformationsstil
11 Minuten03 Sekunden
Abschnitt47 Zweiseitige Flip-Box-Hülle
12 Minuten57 Sekunden
Abschnitt48 3D-Navigationsleiste (oben)
12 Minuten26 Sekunden
Abschnitt49 3D-Navigationsleiste (unten)
10 Minuten48 Sekunden
Abschnitt50 Umfassender Fall-Karussell-Fall (Teil 1)
08 Minuten40 Sekunden
Abschnitt51 Umfassender Fall-Karussell-Fall (Teil 2)
08 Minuten34 Sekunden
Abschnitt52 Privates Browser-Präfix und Zusammenfassung
11 Minuten13 Sekunden
Kapitel1 H5C3 verstärkt
Abschnitt1 Einführung in das Flow-Layout für die mobile WEB-Entwicklung
01 Minuten59 Sekunden
Abschnitt2 Grundlagen mobiler Endgeräte
09 Minuten31 Sekunden
Abschnitt3 Ansichtsfenster
09 Minuten02 Sekunden
Abschnitt4 Meta-Viewport-Tag
06 Minuten53 Sekunden
Abschnitt5 Verhältnis von physischen Pixeln zu physischen Pixeln
08 Minuten45 Sekunden
Abschnitt6 Doppeldiagramm
12 Minuten13 Sekunden
Abschnitt7 Hintergrundskalierung, Hintergrundgröße
10 Minuten46 Sekunden
Abschnitt8 Hintergrund-Doppelbild und Mehrbildausschnitt
05 Minuten38 Sekunden
Abschnitt9 Mobile Entwicklungsoptionen
04 Minuten32 Sekunden
Abschnitt10 Mobile Technologielösungen
10 Minuten29 Sekunden
Abschnitt11 Mobiler besonderer Stil
04 Minuten53 Sekunden
Abschnitt12 Auswahl mobiler Technologien
03 Minuten40 Sekunden
Abschnitt13 Flüssiges Layout
10 Minuten32 Sekunden
Abschnitt14 Vorbereitungsarbeiten für die mobile Homepage von JD.com
06 Minuten58 Sekunden
Abschnitt15 Körpereinstellungen
06 Minuten29 Sekunden
Abschnitt16 App-Layout
08 Minuten29 Sekunden
Abschnitt17 Füllen von App-Inhalten
07 Minuten01 Sekunden
Abschnitt18 Layout des Suchmoduls
09 Minuten16 Sekunden
Abschnitt19 Erstellung von Suchmodulinhalten
08 Minuten44 Sekunden
Abschnitt20 So erstellen Sie ein Doppel-Sprite-Diagramm
08 Minuten15 Sekunden
Abschnitt21 Fokuskartenproduktion
06 Minuten45 Sekunden
Abschnitt22 Produktion von Markentagsmodulen
07 Minuten28 Sekunden
Abschnitt23 Produktion von Navigationsleisten-Navigationsmodulen
11 Minuten22 Sekunden
Abschnitt24 Newsletter-Modul
07 Minuten22 Sekunden
Abschnitt25 Ende 2 der mobilen Homepage von JD.com
04 Minuten31 Sekunden
Kapitel2 Flüssiges Layout
Abschnitt1 Einführung in das Flex-Layout der mobilen WEB-Entwicklung
01 Minuten14 Sekunden
Abschnitt2 Flex-Layout-Erfahrung
07 Minuten02 Sekunden
Abschnitt3 Flex-Layout-Prinzip
04 Minuten16 Sekunden
Abschnitt4 Flex legt die Spindelrichtung fest
08 Minuten14 Sekunden
Abschnitt5 justify-content legt die Anordnung der Hauptachsen-Unterelemente fest
10 Minuten05 Sekunden
Abschnitt6 Ob Flex-Wrap-Unterelemente umwickelt werden
04 Minuten57 Sekunden
Abschnitt7 align-items legt die Anordnung der achsenübergreifenden untergeordneten Elemente fest
07 Minuten35 Sekunden
Abschnitt8 align-content legt die Anordnung der achsenübergreifenden untergeordneten Elemente fest
11 Minuten01 Sekunden
Abschnitt9 Flex-Flow und Zusammenfassung
03 Minuten45 Sekunden
Abschnitt10 Verwendung von Child-Flex-Eigenschaften
14 Minuten31 Sekunden
Abschnitt11 align-self和order
04 Minuten47 Sekunden
Abschnitt12 Vorbereitungsarbeiten für die mobile Homepage von Ctrip
06 Minuten46 Sekunden
Abschnitt13 Analyse des Homepage-Layouts und Layout des Suchmoduls
09 Minuten10 Sekunden
Abschnitt14 Vom Benutzer erstelltes Suchmodul
12 Minuten11 Sekunden
Abschnitt15 Suchmodulproduktion Suchproduktion
11 Minuten22 Sekunden
Abschnitt16 Produktion von Fokuskarten-Fokusmodulen
02 Minuten47 Sekunden
Abschnitt17 Lokales Navigationslayout
05 Minuten17 Sekunden
Abschnitt18 Produktion lokaler Navigationsinhalte
11 Minuten38 Sekunden
Abschnitt19 Verwenden Sie die Attributauswahl, um das Hintergrundbild zu ändern
04 Minuten44 Sekunden
Abschnitt20 Layout der Navigationsdarstellung
08 Minuten50 Sekunden
Abschnitt21 Produktion von Navigationsinhalten
10 Minuten59 Sekunden
Abschnitt22 Hintergrundverlauf linearer Verlauf
06 Minuten14 Sekunden
Abschnitt23 Produktion von Subnav-Eingabemodulen
In der Berechnung
Abschnitt24 Beliebte Aktivität Modulproduktion
In der Berechnung
Abschnitt25 Mehr Produktion von Wohlfahrtsmodulen
In der Berechnung
Abschnitt26 Vertrieb-BD-Modulproduktion 3
In der Berechnung
Kapitel3 biegen
Abschnitt1 Einführung in die mobile WEB-Entwicklung mit adaptivem Rem-Layout
01 Minuten20 Sekunden
Abschnitt2 Rem-Einheit
11 Minuten13 Sekunden
Abschnitt3 Einführung in die Syntax von Medienabfragen
09 Minuten58 Sekunden
Abschnitt4 Verfärbung des Hintergrunds der Medienabfrage
12 Minuten20 Sekunden
Abschnitt5 Media query + rem realisiert dynamische Größenänderungen von Elementen
07 Minuten41 Sekunden
Abschnitt6 Medienabfrage führt Ressourcen ein
09 Minuten12 Sekunden
Abschnitt7 Nachteile von CSS
05 Minuten22 Sekunden
Abschnitt8 Einführung in LESS und die Verwendung von Variablen
09 Minuten04 Sekunden
Abschnitt9 Less Compile Easyless Plug-In
08 Minuten56 Sekunden
Abschnitt10 weniger Verschachtelung
10 Minuten17 Sekunden
Abschnitt11 weniger Betrieb
05 Minuten57 Sekunden
Abschnitt12 Prinzip des Rem-Anpassungsschemas
11 Minuten53 Sekunden
Abschnitt13 endgültiger Anpassungsplan
11 Minuten45 Sekunden
Abschnitt14 Suning Homepage common.less Produktion
04 Minuten43 Sekunden
Abschnitt15 Importstil für Suning-Homepage-Import
04 Minuten03 Sekunden
Abschnitt16 Einstellungen für den Körperstil der Suning-Homepage
07 Minuten28 Sekunden
Abschnitt17 Layout des Suning-Homepage-Suchinhaltsmoduls
09 Minuten02 Sekunden
Abschnitt18 Inhaltslayout für Suchinhalte auf der Suning-Homepage
In der Berechnung
Abschnitt19 Produktion des Suning Homepage-Suchmoduls
In der Berechnung
Abschnitt20 Produktion von Suning-Homepage-Bannern und Werbemodulen
In der Berechnung
Abschnitt21 Suning-Homepage-Navigationsteilproduktion
In der Berechnung
Abschnitt22 REM-Anpassungslösung 2 Einführung in flexble.js
04 Minuten27 Sekunden
Abschnitt23 Rem-Anpassungslösung 2 Vorbereitende Vorbereitungen für die Suning-Homepage
03 Minuten29 Sekunden
Abschnitt24 Rem-Anpassungsschema 2Körperstilmodifikation
In der Berechnung
Abschnitt25 Ein magisches vscode-Plug-in cssrem
In der Berechnung
Abschnitt26 Ändern Sie die flexible Standard-HTML-Schriftgröße
In der Berechnung
Abschnitt27 Rem-Anpassungslösung 2 Suchinhalt Inhaltsproduktion 1
In der Berechnung
Abschnitt28 Rem-Anpassungslösung 2 Suchinhalt Inhaltsproduktion 2
In der Berechnung
Kapitel4 Rem-Layout
Abschnitt1 Responsive Einführung in die mobile Webentwicklung
02 Minuten47 Sekunden
Abschnitt2 Responsive Entwicklungsprinzipien
03 Minuten01 Sekunden
Abschnitt3 Responsiver Layout-Container
12 Minuten23 Sekunden
Abschnitt4 Responsive Navigationshülle
06 Minuten11 Sekunden
Abschnitt5 Einführung in Bootstrap
10 Minuten08 Sekunden
Abschnitt6 Bootstrap-Nutzung (Teil 1)
08 Minuten31 Sekunden
Abschnitt7 Bootstrap-Nutzung (Teil 2)
05 Minuten17 Sekunden
Abschnitt8 Bootstrap-Layout-Container
03 Minuten51 Sekunden
Abschnitt9 Bootstrap-Grid-System
04 Minuten58 Sekunden
Abschnitt10 Verwendung des Bootstrap-Grid-Systems (Teil 1)
12 Minuten38 Sekunden
Abschnitt11 Verwendung des Bootstrap-Grid-Systems (Teil 2)
06 Minuten28 Sekunden
Abschnitt12 Bootstrap-Spaltenverschachtelung
08 Minuten07 Sekunden
Abschnitt13 Bootstrap-Spaltenoffset
08 Minuten06 Sekunden
Abschnitt14 Bootstrap-Spaltensortierung
03 Minuten21 Sekunden
Abschnitt15 Bootstrap-Responsive-Tools
06 Minuten22 Sekunden
Abschnitt16 Alibaba Baixiu-Nachfrageanalyse
05 Minuten59 Sekunden
Abschnitt17 Vorbereitende Arbeit für Ali Baixiu
03 Minuten58 Sekunden
Abschnitt18 Ändern Sie die maximale Breite des Containers
03 Minuten50 Sekunden
Abschnitt19 Produktion des Alibaba Baixiu-Logos
08 Minuten02 Sekunden
Abschnitt20 Die Navigationsproduktion von Alibaba Baixiu führt Schriftsymbole ein
08 Minuten32 Sekunden
Abschnitt21 Produziert von Ali Baixiu News (Teil 1)
12 Minuten20 Sekunden
Abschnitt22 Produziert von Ali Baixiu News (Teil 2)
03 Minuten24 Sekunden
Abschnitt23 Alibaba Baixiu veröffentlicht Modulproduktion
11 Minuten50 Sekunden
Abschnitt24 Alibaba Baixiu stellt Modulproduktion ein
In der Berechnung
Abschnitt25 Responsive Produktion des Alibaba Baixiu-Logos
09 Minuten27 Sekunden
Abschnitt26 Alibaba Baixiu nav reaktionsschnelle Produktion
04 Minuten51 Sekunden
Abschnitt27 Alibaba Baixiu reagiert auf Nachrichtenproduktion
05 Minuten35 Sekunden
Abschnitt28 Alibaba Baixiu veröffentlicht reaktionsfähige Produktion
05 Minuten04 Sekunden
Abschnitt29 Zusammenfassung der Entwicklung mobiler Endgeräte
03 Minuten07 Sekunden
Kapitel5 Responsives Layout
Datenname
Mobiles Layout: HTML5+CSS3-Kursunterlagen für fortgeschrittene und erweiterte Versionen
Herunterladen
王林 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
1479226
JAVA-Video-Tutorial für Anfänger
753 Unterrichtsstunde
2989833
Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python
60 Unterrichtsstunde
547937
Kurze Einführung in die Web-Frontend-Entwicklung
8 Unterrichtsstunde
221070
Meistern Sie PS-Video-Tutorials von Grund auf
268 Unterrichtsstunde
1008729
Aktuelle Kurse
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web-Frontend] Node.js-Schnellstart
16 Unterrichtsstunde
17054
Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung
12 Unterrichtsstunde
13711
Gehen Sie zur praktischen Anwendung von GraphQL
10 Unterrichtsstunde
11250
Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf
1 Unterrichtsstunde
1294
Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen
50 Unterrichtsstunde
56938