Bücher zum Thema
CSS

http://www.glossar.de/glossar/z_css.htm

Erweiterung, um HTML / HTM-Seiten besser layouten zu können und häufig benutzte Formatvorgaben (Bold, Italic etc.) sowie Schrifttypen nur noch einmal definieren zu müssen. Das bedeutet, dass die Datenmenge einer html-Seite enorm verringert wird, da diese Vorgaben (einmal im Header definiert) im Lauftext nur noch per Code abgefragt werden.

Beipiel: Information im Header:

<STYLE type="text/css">
<!--#fett { font-family: Arial; font-style: bold;} -->
</STYLE>

Information im Body - also im eigentlichen Text (hier für die Definition eines Standard-Absatzes <P>):

<P id="fett">fetter Arial-Text.</P>

Noch interessanter ist es, die CSS-Definitionen in einer externen Datei vorzuhalten, so daß mehrere HTML-Dokumente darauf zugreifen können (siehe z.B. die aktuelle - leider gewachsene - CSS-Datei dieses Glossar: aecweb.css). Eingebunden werden externe CSS-Dateien über folgende Befehlszeile im Header der HTML-Datei:

<link rel="stylesheet" type="text/css" href="aecweb.css">

Wie alle Standards im Web, wurde auch CSS vom World Wide Web Consortium (W3C) festgelegt und definiert: www.w3.org/Style/CSS/

siehe auch:

• C|Nets WebBuilder erklärt in acht ausführlichen und grafisch aufbereiten Kapiteln den Weg zu eigenen CSS-Seiten. builder.cnet.com/Authoring/CSS/ss02.html
• Probleme mit Style Sheets? Eine umfassende CSS Kompatibilitäts-Tabellen gibt es unter www.eskimo.com/~bloo/indexdot/css/supportkey/font.htm

Gestaltungsbeispiele:

möglicherweise mit eine der wichtigsten Gestaltungsmöglichkeiten, die durch CSS möglich werden: der genaue Abstand des Contents vom Browser-Rand - und zwar unabhängig vom verwendeten Browser:

BODY {margin-top:0px; margin-bottom:0px}

Auch CSS liefert einige Möglichkeiten Hintergrundbilder flexibel einzubauen. Eine kleine Grafik (z.B. 8 mal 8 Pixel) läßt sich so auf verschiedene Weise einsetzen. Diese erste Befehlskette (in einem externen StyleSheet) erzeugt eine fixe, durchgehende Linie am oberen Bildschirmrand, die nicht mitrollt.

BODY {background-image: url(images/back.gif); background-repeat: repeat-x; background-attachment: fixed;}

Die folgende Befehlskette erzeugt eine fixe, durchgehende Linie am linken Bildschirmrand.

BODY {background-image: url(images/back.gif); background-repeat: repeat-y;}

Diese nächste Befehlskette erzeugt eine fixe, durchgehende Linie am oberen Bildschirmrand, die herausrollt.

BODY {background-image: url(images/back.gif); background-repeat: repeat-x;}
 

 
siehe auch (auf anderen Glossar-Seiten):

Browser
DSSSL
HTML
HTML-Tipps
Internet
Java-Script
PHP (Erweiterung für dynamische WEB-Seiten)
WAP und WML
World Wide Web (WWW, Web,...)

siehe zudem:

• StyleAssistant - Freeware-Programm, das bei der Formatierung von Web-Seiten via CSS sehr hilfreich ist. Außerdem befinden sich auf der Web-Site viele Tipps und Tricks!
   

 
- - - -
# A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Partner-Sites: BAULINKS.de - AEC-WEB - ARCHmatic - Architektur-online - BAUBUCH.de