1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

FAQ - Frequently Asked Questions (CSS)

Dieses Thema im Forum "HTML, XHTML & CSS" wurde erstellt von Prophet, 24 Juli 2005.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Prophet

    Prophet Super-Moderator Moderator

    Registriert seit:
    4 Mai 2005
    Beiträge:
    5.641
    Punkte für Erfolge:
    38
    Zuletzt von einem Moderator bearbeitet: 27 Juni 2006
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. Prophet

    Prophet Super-Moderator Moderator

    Registriert seit:
    4 Mai 2005
    Beiträge:
    5.641
    Punkte für Erfolge:
    38
    Was ist CSS?

    Was ist CSS?

    CSS - Cascading Style Sheets

    CSS ist eine erweiterung der gestaltungs Möglichkeiten von HTML. Mit HTML konnte man bisher nur grob einige Elemente gestalten. die möglichkeiten waren sehr begrenzt. Durch CSS ist es mölglich jedes Element pixelgenau zu gestalten. CSS ist also eine reine Textformatierungssprache, jedoch ist sie nur in verbindung mit HTML/XHTML/XML lauffähig.

    Wieterführende Links:
    -> http://de.selfhtml.org - SELFHTML, Große Referenz für HTML, CSS und JS von Stefan Münz
    -> http://jendryschik.de/wsdev/einfuehrung/ - Einführung in XHTML, CSS und Webdesign von Michael Jendryschik (dukexp)
    -> http://www.memowe.de/Markup/ - Markup und Style von Mirko Westermeier (dukexp)
    -> http://css4you.de/ - CSS 4 you - die deutsche Seite für Cascading Stylesheets von Philipp Menne, Maik Ritter und Teresia Kuhr.
     
  3. Prophet

    Prophet Super-Moderator Moderator

    Registriert seit:
    4 Mai 2005
    Beiträge:
    5.641
    Punkte für Erfolge:
    38
    Wie binde ich CSS ein?

    Wie binde ich CSS ein?

    Um CSS in eine Datei einzubinden gibt es 3 verschiedene Möglichkeiten.

    Variante 1: Direkt Formatierung
    Die erste Variante ist ein Element direkt zu Formatieren. Dazu benutzt man das Style-Attribut. Es ist einer der Univarsal-Attribute die in jedes Element eingefügt werden können. Als parameter übergibt mal die CSS definitionen. Diese Variante hat den nachteil das man nur dieses eine Element formatiert, mehr nicht!
    Beispiel:
    Code (text):
    1. <a href="#" style="CSS-CODE">Link</a>
    Variante 2: Interne Definition
    Die zweite Variante ist die CSS-Definitionen in einem Style-Bereich innerhalb der Datei zu definieren. Damit können wir bereits Dateiweite formate definieren. Der Style bereich sollte immer im Head-Bereich der Datei definiert sein um eine klare struktur beizubehalten. Es ist zwar möglich ihn im Body zu definieren jedoch fördert dies nicht gerade die Lesbarkeit des Dokuments.
    Style-Bereich:
    Code (text):
    1. <style type="text/css">
    2.    <!--
    3.       /* CSS Definitionen */
    4.    -->
    5. </style>
    Wie man sieht wird der Style-Bereich durch das Style-Element eingeschlossen und über Typ die art des Inhalts bestimmt.
    Innerhalb des Bereichs beginnt dann ein HTML kommentar. Dieser dient dazu die Styleangaben bei nicht CSS fähigen Browsern auszublenden. Zwischen den Kommentar zeichen können dann die CSS-Definitionen geschrieben werden.

    Variante 3: Externe Definition
    Bei der Externen definition lagert man die CSS-Definitionen ganz aus und speichert sie in einer eigenen Datei. Diese Datei ist schnell und einfacherstellt, man muss nur einer normalen Textdatei die endung *.css zugeben. In die datei kann man ganz normal die Definitionen schreiben. Um die datei in eine Seite einzubinden benutzt man das Link-Element.
    Link-Element:
    Code (text):
    1. <link rel="stylesheet" type="text/css" href="css_datei.css" />
    Dieses Element muss in den Head-Bereich geschrieben werden. Mit rel und type legt man wieder die Art der Einbingun fest und über href wird die Adresse der einzubindenden CSS-Datei angegeben. Diese Variante ist die sinnvollste da man so allen Seiten leicht ein und das selbe Aussehen verleihen kann und bei änderungen nur schnell die CSS-Datei editieren muss.
     
    Zuletzt von einem Moderator bearbeitet: 27 Juni 2006
Status des Themas:
Es sind keine weiteren Antworten möglich.