Cascading Style Sheets (CSS) ist eine Beschreibungssprache, um das Erscheinungsbild einer in HTML oder XML formatierten Datei (inklusive verschiedener XML-Sprachen wie XHTML oder SVG) zu verändern. In XUL-basierenden Produkten, wie die Mozilla Suite, Firefox oder Thunderbird wird CSS ebenfalls benutzt, um das User-Interface zu gestalten. Zum Beispiel benutzen Themes CSS in großem Umfang, um das Aussehen der Anwendung zu verändern.
CSS ist eine der Entwicklungssprachen für das open web und wird vom W3C spezifiziert. Zurzeit existieren drei verschiedene Teile: Das veraltete CSS1, die empfohlene Version CSS2.1 und die neuen Module von CSS3, welche zur Zeit eingeführt werden.
- CSS-Referenz
Eine Übersicht für Entwickler über alle standardisierten CSS-Eigenschaften. Für die Mozilla-Erweiterungen steht ein separates Dokument zur Verfügung.
- CSS-Einführung
Eine Schritt-für-Schritt-Einführung für Anfänger, welche die grundlegenden Informationen enthält.
- CSS3-Demos
Eine Sammlung von Demos, welche eindrucksvoll die neusten CSS Funktionen aufzeigen - ein guter Ort um Ideen zu sammeln.
Dokumentation
- CSS-Unterstützung
- Eine Übersicht zur Unterstützung aller CSS-Eigenschaften in Gecko/Firefox
- CSS-Transformationen
- Eine Einführung in CSS-Transformationen.
- CSS-Transitions
- Einführung in die Verwendung von CSS-Transitionen.
- Effizientes CSS schreiben
- Ein Leitfaden zum Schreiben von effizientem CSS für den Gebrauch in Mozillas User-Interface.
- Media Queries
- Wie man Media Queries verwendet, um Stylesheets auf Basis des Geräts auf dem gerendert wird, auszuwählen.
- Verwendung von URL-Werten für die cursor-Eigenschaft
-
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) unterstützt URL-Werte für die CSS 2/2.1
cursor
Eigenschaft. Das ermöglicht jede Art von Bildern (welche von Gecko untersützt werden) als Mauscursor festzulegen. - CSS3 Columns
- Ein kleines Tutorial zur Verwendung von CSS Columns (Spalten).
- Verwendung von dynamischen Styles
- Wie man Style-Informationen mittels DOM erhalten und verändern kann.
Entwicklerwerkzeunge
- Der W3C CSS Validation Service prüft dein Sylesheet auf Fehler - ein unersetzliches Tool.
- Firefox' Firebug-Erweiterung ist ein beliebtes Werkzeug um live im Browser Änderungen zu testen.
- Firefox' Web-Developer-Erweiterung ist etwas einfacher als Firebug, bringt aber trozem viele nützliche Funktionen mit.
- Firefox' EditCSS-Erweiterung macht das Bearbeiten von CSS-Eigenschaften in der Sidebar möglich.
- weitere Tools ...
Verwandte Themen
- Lernen Sie CSS
- Open Web Sprachen, welche CSS verwenden: HTML, SVG, XHTML und XML.
- Technologien von Mozilla, welche CSS verwenden: XUL, Firefox und Thunderbird Erweiterungen und Themes.
News
- CSS Text-decoration Level 3 reached the Candidate Recommandation status, defining that the
text-decoration-*
andtext-emphasis-*
properties. The long known {{cssxref("text-shadow")}} is also defined in it. (August 1st, 2013) - Gecko's now support {{cssxref("background-origin")}}
: local
. It will be available from Firefox 25 (and already is in Nightly). (July 25th, 2013) - Pointer Events reached the Candidate Recommandation status, meaning that the CSS property
touch-action
, currently only implemented in IE10 (with the-ms-
prefix), is no more experimental. (May 6th, 2013) - Gecko's support of flexible boxes has been adapted to match a recent specification clarification: from Firefox 23 {{cssxref("::before")}} and {{cssxref("::after")}} will be flex items, and as such can be repositioned using {{cssxref("order")}} and {{cssxref("align-self")}}. (May 3rd, 2013)
Seiten zur Problemlösung
Du hast ein Problem mit CSS und kommst nicht weiter?
- Schaue in den FAQs nach
- Suche auf Stack Overflow nach deinem Problem. Wenn du dort keine Antwort findest, kannst du auch eine neue Frage eröffnen.
- Frage die Community: {{ DiscussionList("dev-tech-css", "mozilla.dev.tech.layout") }}
- Mozilla's IRC Kanal: #css
- css-discuss.org