Inhalt
Die Inhalte der bisherigen Webseiten nach und nach übernommen. Mit einem * gekennzeichnete Bereiche sind noch nicht übernommen worden.
ÜBERBLICK
CSS | Vorbemerkungen
CSS ist ein W3C Standard wie HTML, XML und andere Sprachen im Web auch. CSS wird oftmals in einem Atemzug mit HTML und Webdesign genannt, aber der wirkliche Wert von CSS beschränkt sich nicht nur auf HTML: Es funktioniert auch mit SVG Grafiken.
Hinzukommt aber, dass CSS Selektoren eine immense Bedeutung für JavaScript im DOM Document Object Model von HTML5 haben und auch dann genutzt werden, wenn man das Format von Elementen nicht anhübschen will. Wenn es um das Lernen, Einsetzen und das Verstehen von CSS geht, gibt es immer zwei Aspekte: Selektoren auf der eine Seite und die Vielzahl von Style-Attributen von HTML und SVG kennenlernen.
CSS Mindestwissen
Funktionsweise von CSS
CSS hat eine Reihe von Einsatzwecken. Die Formatierung von HTML- und SVG-Elementen ist im Grunde genommen schnell zu erklären, denn wenn man einmal die Selektoren verstanden hat muss man für viele Formate nur noch wissen, wie diese Style-Eigenschaft in CSS benannt ist.
Der für Einsteiger komplexeste und für erfahrene Entwickler der weiterhin frustrierenste Part von CSS sind die Selektoren in CSS. Der Einsteiger hat diese oftmals nicht richtig verstanden und ungünstig programmiert, und der erfahrene Entwickler soll's dann bekanntlich richten.
CSS Syntax
.rot { color: red }; ist eine der einfachen Varianten der Syntax von CSS, um mit der CSS Klasse "rot" ergänzte Elemente den color-Wert auf "red" zu setzen.
CSS Selector Syntax
Der Selektor .rot ist allerdings nur eine Variante von einer ganzen Reihe weiter Varianten, wie man Selektoren in CSS formulieren kann.
CSS Compiling mit LESS/SASS
Das sogenannte CSS-Compiling mit LESS/SASS ist KEIN W3C Standard sondern basiert auf Programmen, mit deren Hilfe ein Dialekt von CSS mit Variablen und weiteren Funktionen geschrieben werden kann weil CSS selbst über diese nicht verfügt.
Das, was Entwickler eigentlich bei CSS vermissen, hat das W3C World Wide WebConsortium eigentlich einst mit XSL, der Extensible Stylesheet Language, geschaffen, aber diese wurde nach dem Einsatz bei Softwarelösungen ab 2001 im Webbrowser durch JavaScript verdrängt.
CSS Einsatzbereiche
CSS und HTML
Der häufigste Einsatzbereich von CSS erfordert im Zusatzhang mit HTML Code von Webseiten oder webbasierten Softwarelösungen, dh. Formularoberflächen auch in Apps.
CSS und SVG
SVG ist ein Grafikformat im Web in XML- oder HTML-ähnlicher Syntax. Auch SVG Grafiken für Piktogramme, Icons oder auch Animationen lassen sich mit CSS formatieren.
Selektoren für JS, JAVA, PHP, C#
CSS Selektoren dienen aber von der Gestaltung von HTML oder SVG unabhängig auch für die Selektion von Elementen und Knoten in DOM Documents in JS, JAVA, PHP oder auch C# seit der querySelector und querySelectorAll im DOM unterstützt wird.
Damit ist es möglich, dass Elemente im DOM von Dokumenten nicht mehr nur über XPATH Syntax sondern auch über die Syntax von CSS Selektoren definiert werden können.
CSS Einführung und Referenz
Grundlagen
In Bezug auf die Grundlagen von CSS verweisen wir auf die Vielzahl anderer Quellen im Internet.
Gültigkeit von CSS
Die Gültigkeit von CSS selbst lässt sich zwar über Validatoren im Web testen, aber der maßgebende Aspekt ist auch zuerst einmal der: Welcher Browser unterstützt welchen CSS Befehl? Diese Frage lässt sich über caniuse.com beantworten.
Kontakt
Fehler gefunden?
Wenn Sie Fehler gefunden haben: Nehmen Sie einfach Kontakt auf und erwähnen Sie "Fehler auf Webseite" im Betreff. Natürlich freuen wir uns, wenn im Betreff mehr steht, um die Mail gleich besser zuordnen zu können.
Redaktion
Unsere eigenen Dokumentationen für CSS beziehen sich im Schwerpunkt auf Komponenten von webbasierten Softwarelösungen.
Fußnoten
UIO3 Es ist einfacher als Du denkst.
Stelle noch heute Deine Anfrage.