HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum |
 

 
 

Anzeige 
 
               Forum
 
 
HTMLWorld » CSS

CSS

von Jan Winkler

Einführung

Mit dem Erstellen immer größerer Websites, Homepages und allgemein Internet-Seiten wird jeder "Webmaster", "Webautor" oder "Webpublisher" (etc.) irgendwann einmal feststellen, dass z.B. das Formatieren von Texten oder das Gestallten von Tabellen mit der Weile etwas anstrengend wird. In diesem Fall könnten Sie diese, um Zeit und (Server-)Platz zu sparen, entweder einfach weglassen oder Vorlagen benutzen - was aber auch nicht den erwünschten Effekt bringen dürfte. Hierfür gibt es aber eine einfache und unkomplizierte Lösung: CSS.
Weiter lesen ...

Inhalt

Notation

Die Notation von Cascading Style Sheets verhält sich etwas anders als etwa die von HTML, XHTML oder allgemein XML. Dabei ist darauf zu achten, dass Anweisungen richtig definiert werden, Verknüpfungen korrekt gesetzt werden und und und ...
Weiter lesen ...

Inhalt

Verknüpfungen

Verknüpfungen verbinden zwei Elemente oder ein Element mit einem Attribut durch einen logischen Zusammenhang. Dies stellt eine (neue) Variante des Elements dar. Die Verknüpfung der beiden bezeichnet diese Variante. Dies lässt es zu, Elemente besser zu definieren. Dabei können z.B. bestimmte Elemente/Elementvarianten ein- oder ausgeschlossen werden.Allgemein werden Verknüpfungen direkt an den Elementnamen notiert.
Weiter lesen ...

Inhalt

Pseudo-Klassen

Pseudo-Klassen sind Klassifizierungen, die einen Zustand oder eine Eigenschaft eines Elements beschreiben. Sie werden an den Elementnamen bzw. die vorhergehende Klassifizierung angehängt. In CSS Level 1 werden dabei 3 verschiedene Pseudo-Klassen beschrieben, die sich alle auf ein Element beziehen: A (Link/Anker).In CSS Level 2 sind es dann schon 7.
Weiter lesen ...

Inhalt

Pseudo-Elemente

Pseudo-Elemente sind Klassifizierungen, die einen Teil eines Elements beschreiben. "Pseudo" heißen sie deshalb, weil es sich dabei nicht um ein "echtes", also in derDTDdefiniertes, Element handelt. Sie werden an den Elementnamen bzw. die Klassifizierung angehängt. In CSS Level 1 werden dabei 2, in CSS Level 2 4 (2 weitere), beschrieben.
Weiter lesen ...

Inhalt

Regeln in CSS

In CSS gibt es verschiedene Regeln, die die Bedeutung sowie die Darstellung von Elementen und Dokumenten beeinflussen. In CSS Level 1 und Level 2 sind die folgenden Regeln beschrieben:
Weiter lesen ...

Inhalt

Aufrufe in CSS

In CSS gibt es verschiedene Aufrufe. Diese dienen meist dazu, Dinge ein zu gliedern oder besser zu bestimmen. In CSS Level 1 und Level 2 sind die folgenden Aufrufe beschrieben:
Weiter lesen ...

Inhalt

Schriftgestaltung

In/Mit CSS und DHTML 4.0 wird darauf hin gearbeitet, dass die meisten Text- und Schriftformatierungen zukünftig nur noch bzw. größtenteils mit CSS gemacht werden. Dazu wurden in CSS Schrifteigenschaften definiert, mit denen die bekannten Elemente aus HTML wie etwa u (unterstrichen), b (fett) oder i (italic/kursiv) ersetzt werden können.
Weiter lesen ...

Inhalt

Schriftdefinition

Seit CSS Level 2 ist es möglich eigene Schrifarten zu definieren, zu importieren und zu gestalten. Dazu werden die folgenden Aufrufe und Eigenschaften zur Verfügung gestellt:
Weiter lesen ...

Inhalt

Textgestaltung

Zur Textgestaltung gehören z.B. Wort- und Buchstabenabstand, aber auch Dekoration oder die Ausrichtung des Textes. Für die Textgestaltung sind dafür in CSS Level 1 die folgenden Eigenschaften gegeben:
Weiter lesen ...

Inhalt

Microsoft Texteigenschaften

Microsoft hat für die Gestaltung von Texten weitere Eigenschaften eingeführt, die nicht in einer der beiden CSS Spezifikationen enthalten sind. Diese Eigenschaften sind:
Weiter lesen ...

Inhalt

Farbe und Hintergrundgestaltung

Die Gestaltung von Dokumenten und Seiten kann einerseits durch Farben (z.B. Textfarbe) und andererseits durch die Gestaltung des Hintergrundes weiter verfeinert und verbessert werden. Auch CSS unterstützt diese Formen der Gestaltung. Dazu wurden die folgenden Eigenschaften definiert:
Weiter lesen ...

Inhalt

Box-Eigenschaften

CSS definiert für jedes Element des Element-Baumes eine Box. Vereinfacht vorgestellt könnte man sich diese Box wie ein Bild vorstellen. Das Element selbst ist das (gemalte) Bild. Um dieses Bild/Element herum wird (meist) ein Rahmen (engl. Border) gezogen. Zwischen Bild und Rahmen wird der Padding- oder Auffüllbereich gesetzt. Er dient z.B. dazu, dass der Rahmen nicht direkt am Bild "hängt". Um den Rahmen wiederum wird Bereich definiert, der sich Margin- oder Begrenzungsbereich nennt. Er dient dazu, dass andere Bilder/Elemente einen gewissen Mindestabstand zu unserem Bild haben müssen. Die folgende Grafik soll dies nochmals verdeutlichen:
Weiter lesen ...

Inhalt

Rahmeneigenschaften

Wie im Kapitel CSS - Box-Eigenschaften schon erwähnt gehört zu den Eigenschaften einer Box auch die Definition von Rahmen, welche diese Box umgeben.
Weiter lesen ...

Inhalt

Positionierung

Die Positionierung von Objekten ist eines der großen Anwendungsgebiete/-zwecke von CSS . Mit CSS lassen sich (fast) alle Elemente (fast) beliebig verteilen, darstellen und positionieren.
Weiter lesen ...

Inhalt

Microsoft Layouteigenschaften

Microsoft hat für das Layout weitere Eigenschaften eingeführt, die nicht in einer der beiden CSS Spezifikationen enthalten sind.
Weiter lesen ...

Inhalt

Inhaltserzeugung

Seit CSS Level 2 ist es möglich, Inhalt nachträglich in ein Element einfügen zu lassen, ohne dazu den Element-Quelltext verändern zu müssen. Das Ganze war/ist dazu gedacht, dass beispielsweise wiederkehrende Inhalte von Elementen (z.B. Anführungsstriche am Anfang und Ende eines Zitates) nur einmal definiert werden müssen/brauchen und dennoch bei allen Elementen zur Verfügung stehen.
Weiter lesen ...

Inhalt

Counter & Listen

In CSS werden neue Mechanismen zur Verfügung gestellt, die Aufzählungen deutlich anpassungsfähiger machen sollen. Dazu gehören zum einen die neu geschaffenen Counter (counter = engl. Zähler) bzw. Counter-Eigenschaften und zum anderen die Listen-Eigenschaften.
Weiter lesen ...

Inhalt

Seitendefinition

In CSS Level 2 werden erstmals Eigenschaften sowie ein Aufruf zur Definition der Seite an sich beschrieben. Mit ihnen soll es möglich sein, beispielsweise einen Ausdruck des Dokuments genau zu beschreiben, um so bessere Resultat zu erzielen.
Weiter lesen ...

Inhalt

Tabellen

Zur Beschreibung von Tabellen sind auch in CSS Eigenschaften definiert. CSS Level 1 beschreibt noch keine Tabelleneigenschaften.
Weiter lesen ...

Inhalt

Benutzereigenschaften

In CSS (ab Level 2) sind auch einige Eigenschaften definiert, die die Benutzerschnittstellen (also weniger das Dokument an sich, als vielmehr mehr das Programm, mit dem es dargestellt wird) beschreiben und somit verändern können.
Weiter lesen ...

Inhalt

Aurale Gestaltung

CSS Level 2 definiert erstmals auch Eigenschaften die die aurale Wiedergabe eines Elements beschreiben. Diese Eigenschaften sollen z.B. von Sprach-Browsern verwendet werden um die Gestaltung von Texten durch akustische Effekte zu verbessern und somit dem Besucher vielleicht einen spannerenden oder interessanteren Inhalt zu bieten.
Weiter lesen ...

Inhalt

Neue Fonts über CSS einbinden

CSS Webseiten leben nicht nur von ihrem Inhalt, sondern vor allem auch von ihrer optischen Gestaltung. Denn eine Seite, die zwar aufgrund der passenden Keywords schnell und leicht über Google gefunden werden kann, aber dafür so schlecht aussieht, dass die Besucher die Seite wieder verlassen, dient niemandem.
Weiter lesen ...

 

Images verschiedener Gre gleich anpassen von Alphavader
Seite verzerrt bei anderen Auflsungen. von Gorgomir
img Stretcher auf fluid Div Container von Thunder1985
Dropdown Menu unter den header von Harburger1887
Kreis um Buchstabe... von karinsch
footer unten platzieren von Alex...
css-anfaengerin - schreibschutz von css-tempate entfernen von kiloberta
Programmierer in Festanstellung oder Freiberuflich gesucht von GP.1226
Button Formatierungs Problem mit Transparentem Hintergrund von redlin
Runde Ecken IE 8 / ohne JavaScript und BG Bilder? von kamikaetzelein
3 Div Elemente ausrichten von Kanikkl
Bilder werden nur im IE angezeigt von Schmido
Contentinhalt vor Linkstruktur im Seitenquelltext von tbtip
Browserunterschiede in Darstellung von CrazyPlaya
Wie sollte ich das aufbauen? von Reelay

zum CSS Forum »


 
     
 

Anzeige