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

 
 

Anzeige 
 
               Forum
 
 
HTMLWorld » CSS » Einführung

CSS: Einführung

von Jan Winkler

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.

Anzeige

Nutzen  nach oben

Cascading Style Sheets (CSS) ermöglicht einfaches Formatieren von Web-Inhalten. So ist es z.B. möglich mit einem Dokument 100 oder mehr Webseiten zu formatieren, ohne diese mit dem kompletten StyleSheet zu füllen. Dies bringt zum einen Platzersparnis (Speicherplatz) und zum anderen auch die Möglichkeit diese Formatierungen schnell ändern zu können, ohne in jede dieser 100 oder mehr Webseiten eingreifen zu müssen.

Ebenso ist es hiermit möglich, Objekte pixelgenau zu positionieren. Somit bildet CSS zusammen mit JavaScript die Grundlage für Dynamic HTML (DHTML).

Letztlich wird darauf hin gearbeitet, statt den üblichen HTML-Formatierungen wie <b> oder <font> besser diese mit Cascading Style Sheets zu formatieren. In der HTML 4.0 Spezifikation wird dazu schon der Ansatz gemacht.

Zudem ist es mit StyleSheets möglich, Sprach-Browsern besseren Überblick über die Aussprache zu geben und und und ...

Entstehung  nach oben

CSS existiert schon seit Anfang/Mitte des letzten Jahrzehnts. Schon 1996 wurde dazu eine Spezifikation vom W3C herausgegeben, die Level 1 Spezifikation. Diese enthielt nun die ersten konkreten Hinweise zum Aufbau, Syntax und Eigenschaften (etc.).

1998 erschien dann die zweite Spezifikation mit wesentlich mehr Informationen. Hierbei wurde auch erstmals beschrieben, z.B. wie akustische Effekte bei Sprach-Browsern ausgedrückt werden können.

Konzept  nach oben

Das Grundkonzept von CSS ist relativ einfach: Es wird darauf gebaut, dass die nach einerDTD(Document Type Definition) definierten Elemente innerhalb eines Style-Bereiches oder in einer externen Datei wiedergespiegelt werden (können) und man sie dort mit den jeweiligen Attributen und Werten beschreibt/beschreiben kann.

Anzeige

Unterstützung  nach oben

Leider unterstützen derzeit (Jan. 2001) nicht alle (aktuellen) Browser StyleSheets komplett. Der Browser von Microsoft (Internet Explorer 5.5) unterstützt Level 1 voll und Level 2 größtenteils. Zumindes der Netscape Navigator 6.0 beherrscht Level 1 und 2 voll. Andere Browser, wie etwa Opera (5.0) unterstützen meist nur Level 1 oder nur Teile von 1 und/oder 2.

Wenn Sie also Dokumente erstellen, die CSS verwenden, sollten Sie darauf achten, welche Browser (und somit auch Besucher) Ihre Seite korrekt ansehen können (sollen). In dieser Dokumentation werden daher vor den Überschriften von Eigenschaften und Aufrufen (etc.) kleine Symbole zu finden sein, die Ihnen verraten, seit welcher Spezifikation diese verwendet werden. Zur Erläuterung dieser Symbole lesen Sie bitte die Zeichenerklärung.

Zukunft  nach oben

Derzeit wird bereits an der 3ten Version von CSS (Level 3) beim W3C gearbeitet. Unter anderem soll die Unterstützung der auralen Styles, die Verbesserung der Benutzerschnitstellen ("User Interface") und die Entwicklung von Level 3 Modulen vorangetrieben werden. Desweiteren sind auch einige andere Ideen und Projekte in Arbeit, die in Level 3 enthalten sein sollen. Wann diese CSS Spezifikation allerdings erscheinen wird und was sie letztlich Neues bringt, steht allerdings noch in den Sternen.

Weitere Infos  nach oben


Anzeige

« zurück weiter »
Bewerten

 

CSS

.Autor:Jan Winkler.
. Bewertung:
CSS: Einführung HTMLWorld
(4/5 bei 3 Votes)
.
. Community: 380 Beiträge im CSS Forum .

Navigation


Wie finde ich die richtige Klasse in CSS von speedserum
bitte um hilfe bei meinem CSS Drop Down Menue (Zentrieren?) von ModelWizko
Untermenüs unabhängig von frames von Alex...
Links mit css von Alex...
Buttons in Css, mit dummen frames.. von Haruka
externe CSS-Datei in PHP einbinden von finanzgenie
Google Maps Problem IE7 von fotogufler
Body Problem^^ von Dagobert8Duck
Programmierer in Festanstellung oder Freiberuflich gesucht von GP.1226
Wie Positioniere ich das ? von Useless
Mouseover -über mehrere Wörter fahren und das Bild verändern von hrhr87
HIlfe! Horizontale Navigation und horizontale Subnavigation von nic
Problem mit IE bei Listen von Maddin
Div-Box in Box in Box? Strukturaufbau unklar von DragonRE
DIV-Tag mit Eingabefeld genau positioniert von maxdruxxi

zum CSS Forum »



 
     
 

Anzeige