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 standartisierten 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 Indeen 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
cursorEigenschaft. 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 Erweterung 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)
Benötigts du Hilfe?
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