„Han Shunpings neuestes CSS3-Video-Tutorial 2016“ ist eine technische Erklärung der neuen CSS-Technologie CSS3, die auf Basis von CSS2 technisch aktualisiert wird, um bessere Ergebnisse zu erzielen. CSS3 ist eine aktualisierte Version der CSS-Technologie, und die Entwicklung der CSS3-Sprache entwickelt sich in Richtung Modularität. Teilen Sie es in kleinere Module auf. Zu diesen Modulen gehören: Boxmodell, Listenmodul, Hyperlink-Methode, Sprachmodul, Hintergrund und Rahmen, Texteffekte, mehrspaltiges Layout usw.
Adresse für die Kurswiedergabe: //m.sbmmt.com/course/441.html
Der Unterrichtsstil des Lehrers:
Die Vorträge des Lehrers sind lebendig, witzig, witzig und berührend. Eine lebendige Metapher ist wie der letzte Schliff, der den Schülern die Tür zur Weisheit öffnet; ein gut platzierter Humor zaubert den Schülern ein wissendes Lächeln, als würde er den Menschen einen Nachgeschmack und Nostalgie verleihen werden von Zeit zu Zeit in die Erzählung eingestreut und regen zum Nachdenken und zur Warnung an.
Der schwierigere Punkt in diesem Video ist das Einfügen von Inline-Boxen in CSS3:
Die Hauptidee des von CSS3 eingeführten Layoutmodus Flexbox-Layout besteht darin, zu geben Der Container bietet die Möglichkeit, seine Breite und Höhe zu ändern, um den verfügbaren Raum optimal auszufüllen. Flex-Container verwenden Flex-Elemente, um sich automatisch zu erweitern und zusammenzuziehen, um den verfügbaren freien Platz zu füllen.
Noch wichtiger ist, dass die Layoutrichtung von Flexbox nicht vorhersehbar ist, im Gegensatz zu herkömmlichen Layouts (Blockebene von oben nach unten, Inline von links nach rechts), die für das Seitenlayout geeignet sind, aber nicht für die Unterstützung großer oder komplexer Anwendungen geeignet sind Flexibilität.
Wenn das reguläre Layout auf der Block- und Inline-Textflussrichtung basiert, basiert das Flex-Layout auf der „Flex-Flow“-Richtung. Lassen Sie uns zunächst einige spezielle Terminologien des Teleskopkastenmodells verstehen.
Spindel: Die Hauptachse des Flex-Containers wird hauptsächlich zur Konfiguration von Flex-Projekten verwendet. Es ist nicht unbedingt horizontal, es hängt hauptsächlich vom Fle-Direction-Attribut ab.
Spindelstartpunkt, Hauptachsenendpunkt: Die Konfiguration des Flex-Projekts beginnt am Hauptachsenstartpunkt des Containers und endet am Hauptachsenendpunkt.
Hauptachsenlänge: Die Breite oder Höhe des Flex-Projekts in der Hauptachsenrichtung ist die Hauptachsenlänge des Projekts. Das Hauptachsenlängenattribut des Flex-Projekts ist das Breiten- oder Höhenattribut, durch das es bestimmt wird welches der Hauptachsenrichtung zugewandt ist.
Seitenachse: Die Achse senkrecht zur Hauptachse wird Seitenachse genannt und ist eine Verlängerung der Seitenachsenrichtung.
Querachsen-Startpunkt, Querachsen-Endpunkt: Die Konfiguration der Teleskopreihe beginnt am Querachsen-Startpunkt des Behälters und endet am Querachsen-Endpunkt.
Querachsenlänge: Die Breite oder Höhe des Flex-Elements in Querachsenrichtung ist die Querachsenlänge des Elements. Das Querachsenlängenattribut des Flex-Elements ist das Breiten- oder Höhenattribut, je nachdem, welches Es wird bestimmt, welche Richtung der Hauptachse zugewandt ist.
Die Syntaxspezifikation des Flex-Layouts hat sich im Laufe der Jahre stark verändert, was auch zu gewissen Einschränkungen bei der Verwendung von Flexbox geführt hat. Da es viele Versionen der Syntaxspezifikation und eine inkonsistente Browserunterstützung gibt, ist dies beim Flexbox-Layout nicht der Fall viel genutzt. Die Syntaxspezifikationen für das Flexbox-Layout werden hauptsächlich in drei Typen unterteilt.
Hier empfehlen wir auch den Download von Quellcode-Ressourcen: //m.sbmmt.com/xiazai/learn/2127
Die Ressourcen werden mit Ihnen geteilt Kursunterlagen und Quellcode
Das obige ist der detaillierte Inhalt vonHan Shunpings neuestes CSS3-Video-Tutorial-Quellcode-Kursmaterial. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
