CSS
CSS ist die Darstellungsschicht des Webs. Sie können damit HTML-Code so formatieren, dass Sie die Designziele für Ihre Website erreichen. Hier finden Sie eine Vielzahl von Inhalten, Kursen, Mustern und Links zu anderen hilfreichen Artikeln, die Sie auf Ihrem Weg zum Erlernen und Verwenden von CSS unterstützen, damit Ihre Webseiten genau so aussehen, wie Sie es sich vorgestellt haben.
Auf dieser Seite können Sie direkt zu den folgenden Themen springen:
CSS lernen
Wenn Sie mit CSS noch nicht vertraut sind, können Sie sich hier informieren. In unserem Kurs „CSS lernen“ werden die Grundlagen der Funktionsweise von CSS erläutert.
Neuigkeiten zu CSS und UI-Design
Hier finden Sie aktuelle Tipps und Techniken, die Sie sofort in Ihrer Arbeit anwenden können.
Baseline Neue Funktionen in CSS
Informationen zu den neuesten CSS-Funktionen, die in allen gängigen Browser-Engines als Baseline verfügbar sind.
CSS-Muster
Hier finden Sie einige CSS-Muster, mit denen Sie schnell Layouts, Animationen und Designs für Ihre Webseiten erstellen können.
Preisvergleichsportale und Leistung
Wenn es um die Seitengeschwindigkeit geht, sollten Sie CSS berücksichtigen. Diese Leitfäden können Ihnen helfen, häufige Leistungsprobleme bei der Verwendung von CSS zu bewältigen.
Preisvergleichsportale und Barrierefreiheit
Die Verwendung von CSS kann sich auf die Barrierefreiheit Ihrer Webanwendungen auswirken. Diese Anleitungen helfen Ihnen dabei, CSS so zu verwenden, dass Ihre Webanwendungen für mehr Nutzer leichter zu bedienen sind.
Der Preisvergleichsportal-Podcast
Von der Zugänglichkeit bis zum Z-Index bietet der CSS-Podcast eine großartige Möglichkeit, von einigen der führenden Experten der Branche mehr über CSS zu erfahren.
KURS
Neu bei CSS?
Wenn Sie mit CSS noch nicht vertraut sind, können Sie sich hier informieren. In unserem Kurs CSS lernen werden Sie durch die Grundlagen der Funktionsweise von CSS geführt. Dabei geht es um Selektoren, Eigenschaften, Werte, grundlegende Layoutprinzipien und wie Sie diese auf Ihre Webseiten anwenden können.
Neuigkeiten zu CSS und UI-Design
Hier finden Sie aktuelle Tipps und Techniken, die Sie sofort in Ihrer Arbeit anwenden können.
Typografie mithilfe von CSS an die Präferenz der Nutzenden anpassen
Passen Sie eine Schriftart an die Vorlieben Ihrer Nutzer an, damit sie Ihre Inhalte möglichst gut lesen können.
Neue CSS-Farbräume und -Funktionen in allen wichtigen Suchmaschinen
Alle gängigen Engines unterstützen jetzt die neuen CSS-Farbräume und ‑funktionen. Hier erfahren Sie, wie Sie damit Ihre Designs lebendiger gestalten können.
Was sind Quellzuordnungen?
Verbessern Sie die Fehlerbehebung im Web mit Quellzuordnungen.
CSS-Subraster
Subgrid ist jetzt in allen drei großen Motoren interoperabel. Hier erfahren Sie, wie Sie es verwenden.
Baseline Neue verfügbare CSS-Funktionen
Baselines signalisieren Webentwicklern, wann Webplattformfunktionen in allen gängigen Browser-Engines sicher verwendet werden können. Hier sind einige CSS-Funktionen, die jetzt als Baseline Newly verfügbar sind.
@starting-style
@starting-style ist seit August 2024 als Baseline verfügbar.
font-size-adjust
font-size-adjust ist seit Juli 2024 als Baseline verfügbar.
@property
@property ist seit Juli 2024 als Baseline verfügbar.
light-dark()
light-dark() wurde im Mai 2024 als Baseline eingeführt.
align-content für Blocklayout
align-content im Blocklayout ist jetzt „Baseline“ (Standard) verfügbar.
CSS-Eigenschaften offset-position und offset-path
Die Werte
offset-position und offset-path sind seit Januar 2024 als „Neuer Baseline-Wert“ verfügbar.
CSS-Muster
Hier finden Sie einige CSS-Muster, mit denen Sie schnell Layouts, Animationen und Designs für Ihre Webseiten erstellen können.
Layout
Layoutmuster, die mit modernen CSS APIs erstellt wurden und Ihnen helfen, gängige Oberflächen wie Karten, dynamische Rasterbereiche und ganzseitige Layouts zu erstellen.
Animation
Animationstechniken, die mit CSS oder JavaScript erstellt wurden, unter Berücksichtigung der Barrierefreiheit und der Nutzerpräferenzen.
Designs
Techniken zur Unterstützung beim Umgang mit Farben in Ihren Projekten.
Preisvergleichsportale und Leistung
CSS ist für einen Großteil des Renderings auf einer Seite verantwortlich. Sie wirkt sich darauf aus, wie schnell eine Seite angezeigt wird und wie schnell auf Nutzerinteraktionen reagiert wird. Diese Leitfäden helfen Ihnen beim Schreiben von CSS im Hinblick auf die Seitengeschwindigkeit.
Umfang und Komplexität von Stilberechnungen reduzieren
Bei der Stilneuberechnung werden CSS-Regeln auf das DOM angewendet. Zu komplexe Selektoren können zu Leistungsproblemen führen. In diesem Leitfaden erfahren Sie, wie Sie die Leistung Ihrer Selektoren optimieren können.
content-visibility: Eine CSS-Property, die die Renderingleistung verbessert
Mit der Property
content-visibility können Sie das Rendern von Seitenteilen so lange verzögern, bis sie benötigt werden. In diesem Leitfaden erfahren Sie, wie Sie diese Eigenschaft verwenden können, um die Renderingleistung Ihrer Webanwendung zu steigern.
CSS für Web Vitals
Die Art und Weise, wie Sie Ihre Stile schreiben, kann sich erheblich auf die Core Web Vitals auswirken. In diesem Leitfaden erfahren Sie, wie Sie den CSS-Code Ihrer Webanwendung optimieren können, um die Leistung zu steigern.
Auswirkungen großer DOM-Größen auf die Interaktivität und mögliche Maßnahmen
Große DOM-Größen können lange Rendering-Vorgänge auslösen. Dies kann sich darauf auswirken, wie responsiv Ihre Webanwendung auf Nutzereingaben reagiert. In diesem Leitfaden erfahren Sie, wie Sie die DOM-Größe verkleinern können, um die Leistung zu verbessern.
Preisvergleichsportale und Barrierefreiheit
Vom Farbkontrast bis hin zum responsiven Design hat CSS einen deutlichen Einfluss darauf, wie nutzerfreundlich Ihre Webanwendungen für alle Nutzer sind. In diesen Anleitungen erfahren Sie mehr über CSS, damit Sie Webanwendungen erstellen können, die für mehr Menschen geeignet sind.
Barrierefreie Tippziele
Wenn Sie interaktive Elemente auf Seiten barrierefrei gestalten möchten, müssen Sie die Größe und den Abstand der Elemente berücksichtigen, damit sie leichter zu verwenden sind. Lesen Sie diese Richtlinien, um Webanwendungen zu entwickeln, die für Nutzer leichter zu bedienen sind.
Bedienungshilfen für Farbe und Kontrast
Der Farbkontrast ist ein wichtiger Aspekt des Designs, der es Nutzern erleichtert, Ihre Inhalte zu lesen. Dieser Leitfaden hilft Ihnen beim Erstellen ansprechender Webanwendungen, bei denen es auf Lesbarkeit und Nutzerfreundlichkeit ankommt.
Barrierefreies responsives Design
Wir wissen, dass es eine gute Idee ist, responsive Designs zu erstellen, um die beste Nutzererfahrung auf verschiedenen Geräten zu bieten. Responsives Design bietet aber auch Vorteile für die Barrierefreiheit.
Neuanordnung von Inhalten
Die Reihenfolge der Inhalte in Ihrem Dokument ist wichtig für die Barrierefreiheit Ihrer Website. Es ist möglich, dass sich die von Ihnen verwendete CSS-Datei auf die Barrierefreiheit auswirkt. In diesem Leitfaden erfahren Sie alles, was Sie wissen müssen, wenn Sie die visuelle Reihenfolge der Inhalte Ihrer Seiten mit CSS neu anordnen.
Der CSS-Podcast
CSS ist die Hauptstilsprache des Webs. Für Webentwickler ist es eine der Technologien, mit denen man am schnellsten loslegen kann, aber auch eine der schwierigsten, die es zu meistern gilt. Folgen Sie Una Kravets und Adam Argyle, Developer Advocates von Google, die komplexe Aspekte von CSS in leicht verdauliche Folgen aufschlüsseln, die von Barrierefreiheit bis Z-Index reichen.