CSS Tutorials

In diesem Lab lernen Sie die Grundlagen des CSS Box Model kennen, einschließlich Inhalt, Padding, Rahmen und Margin, sowie wie Sie die Elementgröße mit box-sizing steuern.

In diesem Lab lernen Sie die Grundlagen des CSS-Textstylings, einschließlich der Festlegung von Textfarbe, Schriftgröße, Schriftstärke, Ausrichtung und Zeilenhöhe.

In diesem Lab lernen Sie die Grundlagen von CSS, einschließlich der Erstellung eines externen Stylesheets und dessen Verknüpfung mit einem HTML-Dokument zur Änderung der Schriftart der Seite.

In diesem Lab lernen Sie die Grundlagen von CSS Flexbox, um responsive und flexible Web-Layouts zu erstellen.

In diesem Lab lernen Sie, wie Sie HTML-Listen mit verschiedenen CSS-Eigenschaften stylen, um eine horizontale Navigationsleiste zu erstellen.

In diesem Lab lernen Sie die Grundlagen der JavaScript DOM-Manipulation, einschließlich der Auswahl von Elementen, der Änderung von Inhalten, dem Setzen von Attributen sowie dem Erstellen/Anhängen neuer Elemente.

In diesem Lab lernen Sie die Grundlagen von CSS-Selektoren, einschließlich Element-, Klassen-, ID-, Gruppierungs- und Nachfahrenselektoren, um HTML-Elemente zu stylen.

In diesem Lab lernen Sie, wie Sie HTML-Tabellen mit verschiedenen CSS-Eigenschaften stylen, um deren Lesbarkeit und visuelle Attraktivität zu verbessern.

In diesem Lab lernen Sie die Grundlagen von Tailwind CSS, einem Utility-First-CSS-Framework, indem Sie ein einfaches HTML-Element gestalten. Sie fügen das CDN hinzu und wenden Klassen für Hintergrundfarbe, Textfarbe, Padding und Layout an.

In diesem Lab lernen Sie, wie Sie Webseitenelemente durch Anwendung verschiedener CSS-Farb- und Hintergrund-Eigenschaften gestalten, einschließlich des Festlegens von Farben, Hinzufügen von Bildern und Steuern ihrer Position und Wiederholung.

In der belebten Stadt Petville hat der Webdesigner Jordan die Aufgabe, die Website 'Pet's House' neu zu gestalten.

Dieses Projekt führt Sie durch den Prozess der Bereitstellung eines vorab trainierten MobileNetV2-Modells mit TensorFlow.js in einer Flask-Webanwendung. MobileNetV2 ist ein leichter Deep-Neural-Netzwerk, das hauptsächlich zur Bildklassifizierung verwendet wird. TensorFlow.js ermöglicht das direkte Ausführen von Machine-Learning-Modellen im Browser, was interaktive Webanwendungen ermöglicht. Flask, ein Python-Webframework, wird als Backend dienen, um unsere Anwendung zu hosten. Am Ende dieses Projekts werden Sie eine funktionierende Webanwendung haben, die Bilder im Echtzeit mit dem MobileNetV2-Modell klassifiziert.

Im hektischen digitalen Umfeld von 'Pet's House', einer Website, die sich auf die Bereitstellung von erstklassigen Tierpflegeleistungen spezialisiert hat, hat unsere Heldin Jordan, eine talentierte Webdesignerin, die Aufgabe, das Layout und das Design der Website zu verbessern.

In diesem Projekt werden wir einen einfachen webbasierten Markdown-Editor erstellen, der Ihnen eine Live-HTML-Vorschau während des Tippens bietet. Mit Bibliotheken wie Ace Editor, marked und highlight.js werden Sie einen intuitiven Editor entwickeln, der nicht nur das Schreiben in Markdown ermöglicht, sondern auch die Daten über Browser-Sitzungen hinweg speichert und Codeausschnitte in der Vorschau hervorhebt.

In diesem Projekt wirst du lernen, wie du mithilfe von CSS Flexbox ein flexibles Kartenlayout erstellen kannst. Ein flexibles Kartenlayout ist ein häufiges Designmuster, das in Webseiten und Anwendungen verwendet wird, bei dem der Inhalt in einer reaktiven und anpassbaren gitterähnlichen Struktur dargestellt wird.

In diesem Projekt wirst du lernen, wie du CSS-Eigenschaften von Flexbox verwenden kannst, um ein Layout von frischen Gemüsesorten in einem bestimmten Design zu gestalten. Am Ende dieses Projekts wirst du in der Lage sein, ein visuell ansprechendes Layout mit Flexbox zu erstellen, was ein leistungsstarkes Tool für das Erstellen von responsiven und dynamischen Web-Designs ist.

In diesem Lab schlüpfen Sie in die Rolle eines Webentwicklers, der mit der Aufgabe betraut ist, eine stilvolle Website für einen Haustierdienstleistungsanbieter unter Verwendung grundlegender CSS-Techniken und -Selektoren zu erstellen.

In diesem Projekt wirst du lernen, wie du mithilfe von CSS Flexbox einen visuell ansprechenden Obstteller gestalten kannst. Ziel ist es, die Früchte derselben Farbe in der Mitte ihrer entsprechenden Farbtafeln zu positionieren, um eine harmonische und ästhetisch ansprechende Darstellung zu schaffen.