CSS (12)
-
Mit der CSS-Eigenschaft "Position" können wir festlegen, wo die Elementkästen auf der Webseite platziert werden sollen. Dies kann relativ zu ihrer üblichen Startposition, relativ zum übergeordneten Element oder zu Vorgängerelementen oder relativ zum Ansichtsfenster sein. Die Eigenschaft position kann eine von fünf Haupteigenschaften haben: - position: statisch; - Position: relativ; - Position: absolut; - Position: fest; - Position: haftend; In diesem Video werden wir all diese Eigenschaften kennenlernen. Darüber hinaus werden wir uns mit Offset-Eigenschaften, der Steuerung von Inhalten, die über ihren Container hinausgehen, der Sichtbarkeit von Elementen und z-index beschäftigen, mit dem wir steuern können, wie Elemente gestapelt werden.
-
Zeitstempel: 00:00 - Einführung 01:04 - Warum Amit anfing, an 3D-Text zu arbeiten 02:33 - Beispiele für einige der Dinge, die er bisher erstellt hat 03:30 - Einstieg in eine leere Datei 05:30 - Hinzufügen des Textes mit Pseudo-Elementen 07:34 - Positionieren des Textes innerhalb der Panels 12: 01 - Hinzufügen weiterer Panels, um die Dinge zu glätten 12:46 - Hinzufügen von Farbe zum Text 13:50 - Drehen des Textes 18:43 - Einrichten der Rotation 23:59 - Ändern der Perspektive 25:20 - Hinzufügen der Rotationsanimation 28:06 - Hinzufügen von Schattierung/Tiefe
-
Ich war eine Weile weg, aber jetzt bin ich mit einer weiteren Folge zurück. Diese Woche werden wir eine neue Bibliothek namens CSS Pollen ausprobieren, um ein einfaches Layout mit CSS-Raster zu erstellen, ich werde einige Toolbox-Shorts zeigen und wie immer Fragen beantworten. Ich freue mich, wieder da zu sein... das wird ein Spaß.
-
CSS in JS ist ein ziemlich kontroverses Thema in der Frontend-Community. Einige Leute lieben es und schwören darauf, andere verachten es einfach. Eine Idee, die vorherrscht, ist, dass es ursprünglich wegen React erstellt wurde und das ist nicht wahr, die ersten Implementierungen waren, bevor React herauskam. Die erste Spezifikation war sogar noch vor der Veröffentlichung von CSS. In diesem Vortrag geht Sara darauf ein, warum CSS in JS geschaffen wurde, welche Bedürfnisse es erfüllt und wie es in einfachem Javascript funktioniert.
-
Letzte Woche haben wir Flexbox kennengelernt, ein leistungsstarkes Modell für die Arbeit mit CSS. Diese Woche lernen wir ein neues Modell kennen, das uns einen anderen Bereich der Kontrolle über CSS bietet.
-
Im heutigen Video werden wir über CSS Flexbox sprechen. Wir gehen über das, was es ist, warum Sie wollen, um es zu benutzen, dann gehen über alle der verschiedenen Eigenschaften, die verfügbar sind. Danach werden wir ein Miniprojekt untersuchen, und ich werde meine Überlegungen zum Aufbau des Layouts erläutern. Schließlich werde ich einige Ressourcen für Sie auflisten, um Flexbox weiter zu lernen.
-
CSS Grid kann schwer zu durchschauen sein. Wie lernt man also CSS Grid? Ich denke, es gibt drei grundlegende Prinzipien, die Ihnen helfen, CSS Grid zu lernen: 1. Das Elternteil steuert die Platzierung und den Abstand der Kinder (entweder implizit oder explizit). 2. Die Kinder füllen die gesamte Zelle aus, der sie zugewiesen sind. 3. Sie können sowohl ein vertikales als auch ein horizontales Layout definieren. In diesen Videos führe ich Sie durch diese CSS-Grid-Prinzipien und zeige Ihnen dann, wie sie in realen Situationen funktionieren. Viel Spaß beim Kodieren
-
Wenn meine Arbeit, die ich seit Anfang 2012 veröffentlicht habe, Ihnen in irgendeiner Weise geholfen hat oder Sie sie einfach mögen, ziehen Sie bitte in Erwägung, sie zu unterstützen, um mir zu helfen, weiterzumachen und mich über Wasser zu halten. Sie können dies auf eine der folgenden Arten tun:
-
In diesem Video haben wir über einen fantastischen CSS-Schaltflächen-Hover-Effekt gesprochen, wie ich es euch im Video über den grundlegenden Schaltflächen-Hover-Effekt versprochen habe. Wenn ihr das Video noch nicht gesehen habt, könnt ihr es euch ansehen, indem ihr auf den unten angegebenen Link klickt. Grundlegender CSS-Schaltflächen-Hover-Effekt 👉 Ich hoffe, dass euch das Video gefällt und wenn ihr irgendwelche Fragen habt, könnt ihr sie im Kommentarbereich stellen und ich werde sicher antworten.
-
Die Verwendung der Background Property eröffnet ganz neue Möglichkeiten für die Gestaltung von Webseiten. Sie können so viele coole Dinge tun - eine Hintergrundfarbe oder ein Bild anwenden und dann eine Fülle von Steuerelementen in Bezug darauf haben, wie dieses Bild innerhalb des enthaltenen Elements angezeigt wird. Wir werden viele der Hintergrundeigenschaften durchgehen und lernen, wie wir sie nutzen können, um unsere Webseiten so darzustellen, wie wir es wollen. Zu den Themen gehören: background-color, background-image, background-position, background-repeat, background-size und ich zeige Ihnen, wie Sie die Hintergrundeigenschaften verwenden können. Wenn Sie die Verwendung von Hintergründen beherrschen, wird jede Webseite wirklich aufgewertet.
-
Mit CSS-Gradients können Sie die Art des Verläufe, die Richtung, die Farben und die Ausbreitung steuern. Mit CSS-Gradients können Sie sogar Streifen und Karos erstellen.Sie sind wirklich unglaublich! Diese können ein wenig verwirrend sein, wenn Sie zum ersten Mal sehen, wie sie verwendet werden, aber seien Sie versichert, in diesem Video werde ich es aufschlüsseln, so dass Sie alles darüber verstehen können, wie man css-basierte Farbverläufe erstellt und kontrolliert.
-
Top 10 CSS-Profi-Tipps, die Ihr Leben als Webentwickler produktiver machen. Einige der besten Programmierer sagen, CSS sei zu schwer... aber Sie werden überrascht sein, wie moderne Techniken Ihren Code dramatisch verbessern können.
