background preloader

HTML & CSS

Facebook Twitter

Stylesheets (CSS) Bitte beachten: Die SELFHTML-Dokumentation ist in Teilen leider nicht mehr auf dem neuesten Stand der Webtechnologien.

Stylesheets (CSS)

Als Nachfolger dieses bewährten Kompendiums bietet das SELFHTML-Wiki fortlaufend aktualisierte Informationen rund um die Erstellung von Webseiten. Die aktualisierten Inhalte dieser Seite finden Sie im Wiki unter CSS. Sinnvolle Vorkenntnisse zum Verständnis: CSS 4 You - The Finest in Stylesheets. Webtechnologie. CSS/Media Queries – SELFHTML-Wiki. Eine Stärke von CSS liegt darin, dass die Darstellung eines Dokuments für verschiedene Ausgabemedien festgelegt werden kann.

CSS/Media Queries – SELFHTML-Wiki

Die Zuordnung eines Stylesheets zu einem Medium erfolgt mit Hilfe von Medienabfragen (Media Queries). Als Medienabfrage wird eine Liste von Kriterien bezeichnet, die ein Ausgabemedium erfüllen muss, damit ein Stylesheet zur Verarbeitung eingebunden wird. Medienabfragen bestehen aus einem Medientyp (z.B. Bildschirm oder Drucker), einem Medienmerkmal (z.B. Farbfähigkeit) oder einer Kombination aus beidem.

Medienabfragen können an allen Stellen verwendet werden, wo Stylesheets eingebunden werden bzw. dort, wo eine Medienangabe abgefragt wird. [Bearbeiten] Anwendung Die Angabe eines Medientyps erfolgt als einfaches Schlüsselwort, z.B. screen. Beachten Sie: Wird keine Medienabfrage angegeben oder besteht die angegebene Abfrage nur aus Leerzeichen, so gilt der Standardwert all. CSS3 Generator - dein Weg, zu einem perfekten Design! Informationen, Übungen und Beispiele zum Thema CSS3.

Cascading Style Sheets { Grundlegendes : Dokumentstammbaum } CSS 2.1 ::Grundlegendes Wozu ein Stammbaum?

Cascading Style Sheets { Grundlegendes : Dokumentstammbaum }

Der Dokumentstammbaum 1) beschreibt die Struktur einer HTML-Datei, ähnlich wie ein Familienstammbaum das Verhältnis verwandter Familien zueinander darstellt. Auch die Bezeichnungen, mit der die Beziehungen der Elemente untereinander definiert werden, sind aus diesem Kontext entlehnt: es gibt u. a. Eltern-, Kind- und Geschwisterelemente. Wie im realen Leben ist eine genau definierte Abstammung eine Voraussetzung für die Festlegung der Vererbung von Eigenschaften. Insgesamt gesehen haben wir es aber hier mit einem deutlich einfacheren Gefüge zu tun, denn im Unterschied zum Familienstammbaum hat hier jedes Element nur ein Elternelement. Definitionen Die Bedeutung der verwendeten Ausdrücke lässt sich zwar aus der Familienforschung einfach herleiten, soll aber der Vollständigkeit halber im Folgenden kurz auf HTML- Dokumente bezogen werden: Kindelement (child element): Ein Element A ist das Kindelement des Elementes B, wenn A direkt von B abstammt.

CSS Spielereien. Meine Spielwiese. CSS Einführung: Regeln, Schreibweise, Einbinden. CSS3 & HTML5 - Einstieg in die neuen Webstandards. Wichtige Seiten zu HTML5 und CSS3 - F-LOG-GE. In meinem letzten Projekt fiel mir genau wie in meiner letzten Schulung auf, dass vielen Kollegen der Überblick über wirklich hilfreiche und wichtige Links fehlt.

Wichtige Seiten zu HTML5 und CSS3 - F-LOG-GE

Insbesondere der Umgang mit CSS3 und HTML5 erfordert das ständige Nachschlagen nach Browsersunterstützung und der Suche nach passenden Alternativen. Es ist zudem aber auch wichtig, inhaltlich am Ball zu bleiben. Dafür benötigen wir inspirierende und gerne auch informative Artikel. Die gibt es in der gewünschten Güte und Qualität (leider) nur im englischsprachigen Web. Ich gebe hier mal eine Übersicht der mir besonders wichtigen Referenzen und Informationsseiten. Referenzen CSS3-Files.comHTML5Doctor: in meinen Augen die beste Seite mit Basisinformationen zu HTML5.

Infoseiten When Can I use …: Eine der wichtigsten Übersichtsseiten über die Unterstützung moderner Techniken in den diversen Versionen der Browser.HTML5 Please: eine der wichtigsten Seiten zu HTML5 und – entgegen der Namensgebung – CSS3. Demoseiten Blogs Tools. Struktur - HTML5 Struktur Elemente & Attribute. Das primäre Ziel der neuen HTML5 Spezifikation ist es, Webseiten eine verbesserte semantischen Bedeutung: semantischender Bedeutung, dem Sinn entsprechend Strukturierung des Quelltextes zu verleihen und den Inhalten eine eindeutige Gewichtung zu geben.

Struktur - HTML5 Struktur Elemente & Attribute

Diese soll künftig dazu führen, dass unterschiedlichste Browser oder andere User Agents wie Screenreader den Inhalt eines Dokuments richtig erkennen und gegebenenfalls nach dessen Relevanz ausgeben können. Derzeit werden HTML-Dokumente vor allem mit Hilfe von <div>-Elementen strukturiert. Die Formatierung und Positionierung dieser "Container" erfolgt meist mittels CSS. Für einen User Agent ist dies völlig ohne Bedeutung und die eigentliche Relevanz der Inhalte nicht zu erkennen. Dies soll mit den neuen Elementen zur semantischen Bedeutung: semantischender Bedeutung, dem Sinn entsprechend Strukturierung erfolgen.

Neue Elemente in HTML5 - Eine Übersicht aller neuen HTML5-Tags. HTML5 ist im Vergleich zu seinem Vorgänger eine Erweiterung.

Neue Elemente in HTML5 - Eine Übersicht aller neuen HTML5-Tags

Es wurden also nicht nur Elemente entfernt oder geändert, sondern auch neue Elemente der Beschreibungssprache hinzugefügt. Somit lassen sich in Zukunft mit HTML5 Zeit- und Datumsangaben auszuzeichnen. Hierfür steht das <time> -Tag zur Verfüguing. Mit dem datetime-Attribut, das momentan das einzige Attribut (ausgenommen der Standard-Attribute und Events) für dieses Element darstellt, lässt sich präzise eine Datum oder eine Zeit angeben. Wird das datetime-Attribute weggelassen so muss die Angabe im Inhalt erfolgen. Elf acht - Teil 1794. Stylesheets / CSS-Eigenschaften / Schriftformatierung. Allgemeines zur Schriftformatierung Unter Schriftformatierung sind Angaben zu Schriftarten, Schriftgrößen, Schriftfarben, Schriftgewicht, Zeichen- und Wortabständen usw. zu verstehen.

Stylesheets / CSS-Eigenschaften / Schriftformatierung

Sinnvoll sind solche Angaben für alle HTML-Elemente, die Text enthalten können. Dazu gehören alle Elemente, die im Kapitel Absatztypen und Text beschrieben werden, aber auch beispielsweise Elemente für Tabellen. Font-family (Schriftart) Schriftarten sind beispielsweise Arial, Helvetica, Times Roman usw. Bei der hier beschriebenen Eigenschaft können Sie Schriftarten angeben, ohne sich darum kümmern zu müssen, ob und wie die Schriftart beim Anwender angezeigt werden kann. Schriftformatierung mit Schriftartendatei beschrieben. Beispiel: Anzeigebeispiel: So sieht's aus <!