CSS einbinden ?

Nabend!

Versuche gerade meine ersten Schritte in CSS und bräucht mal nen kleinen
Anstoß...

Habe mit ExprWeb ein Web mit z.B. Drei einzelnen Seiten die alle die
Hintergrundfahrbe schwarz haben (in den jeweiligen Seiteneigenschaften
definiert) erstellt.

----
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">








----

So, nun steht in meinem schlauen Buch das ich nur ein "externes CSS" anlegen
müsse um alle Seiten auf einen Schlag z.B. die gleiche Hinergrundfarbe zu
verpassen. Also habe ich folgende Schritte ausgeführt:

- Datei / Neu / CSS
- dann Format / neue Formatvorlage
- dort steht in "Auswahl" .neueFormatvorlage1
- dann bin ich in "Kategorie" auf "Hintergrund" gegangen und habe dort als
background.color: #FF0000 ausgesucht
- rausgekommen ist folgendes

----
..neueFormatvorlage1 {
background-color: #FF0000;
}
----

- anschließend habe ich das CSS abgespeichert
- eine meiner drei HTML Seiten aufgerufen
- mit Format / CSS Stylesheet / Stylesheet anfügen mein soebend erstelltes
Stylesheet ausgewählt aber *NICHTS* passierte!
- wähle ich zusätzlich mit der Symbolleiste "Stil" unter "Klasse" meine
..neueFormatvorlage1 aus, so wird zwar etwas mit roten Hinertergrund gefüllt,
aber nur *ein* Absatz (p..neueFormatvoage1)

Hm, ich steh da etwas auf dem Schlauch, denn es hängt sicher mit dem CSS
zusammen, nur wie definiere ich da die Hintergrundfarbe für eine Seite?
Versucht habe ich den Tag = aus der
HTML Seite zu kopieren , auf FF0000 ab zu ändern um ihn dann in das CSS ein
zu fügen

----
..neueFormatvorlage1 {
body style="background-color: #FF0000"
}
----

aber leider ohne Ergebniss...

Schönen Abend noch...

Re: CSS einbinden ?

"Carlos" schrieb:

> ----
> .neueFormatvorlage1 {
> background-color: #FF0000;
> }
> ----

Der Selektor ist ungünstig. Mit

html {
background-color: #FF0000;
}

wirkt sich das Stylesheet automatisch auf die ganze Seite aus. Ansonsten ist
dein Vorgehen völlig korrekt.

--
· Nie mehr Zeichensalat

Re: CSS einbinden ?

Moin...

Gut, das habe ich geändert (fand den "Selektor" sogar in der Auswahlliste
[Frage nebenbei: sind in EW / Formatvorlage ändern / Auswahl alle die Tags
aufgelistet die man per CSS beeinflussen kann?]).

Das ganze sieht nun bei mir jetzt so aus wie Du sagtest:

----
html {
background-color: #FF0000;
}
----

Erst hat sich nichts getan als ich das CSS eingebunden habe, bis ich merkte
das ich in den Seiteneigenschaften der HTML Seite vorher eine
Hintergrundfarbe definiert hatte. Erst als ich diese dort auf "automatisch"
setzte, hatte das CSS Einfluß auf meine Seite. Heißt das, das die
Seiteneinstellungen des HTML Dokuments Vorrang gegenüber externen CSS haben?

Noch ne Frage: wie verfährt man eigentlich: je ein eigenes CSS für je eine
Formatvorlage (Hintergrundbild, Schriftgröße usw oder alle Formatanweisungen
in *einer* CSS Datei, was ist Übersichtlicher für spätere Änderungen?

dann, schönen Abenb noch...

Re: CSS einbinden ?

"Carlos" schrieb:

> sind in EW / Formatvorlage ändern / Auswahl alle die Tags aufgelistet die
> man per CSS beeinflussen kann?]).

Du kannst alle HTML-Elementtypen in Selektoren verwenden, und du kannst noch
komplexere Selektoren konstruieren, vgl.
. Die Liste in xWeb
zeigt nur die einfachen "type selectors".

> Heißt das, das die Seiteneinstellungen des HTML Dokuments Vorrang gegenüber
> externen CSS haben?

Ob eine bestimmte Deklaration zur Anwendung kommt, wird durch einigermaßen
komplexe Regeln bestimmt, vgl. .
Eine "style"-Attribut



hat eine sehr hohe Spezifizität und überstimmt deshalb eine Regel

body { color: blue; }

in einem externen Stylesheet.

> Noch ne Frage: wie verfährt man eigentlich: je ein eigenes CSS für je eine
> Formatvorlage (Hintergrundbild, Schriftgröße usw oder alle Formatanweisungen
> in *einer* CSS Datei, was ist Übersichtlicher für spätere Änderungen?

Ich packe grundsätzlich alle Regeln in eine Datei. Wenn das sehr viele Regeln
werden, kann man evtl. über eine Aufteilung nachdenken, aber mit einer Regel
pro Datei wirst du ganz sicher nicht glücklich.

Es gibt mit
übrigens auch eine Gruppe explizit für xWeb. Zukünftig solltest du dort posten.

--
· Schema-Validator für XML