Tutorial HTML, CSS u. PHP - Forum

von **Capablanca** » Sonntag 11. Dezember 2011, 15:06

Hallo,

ich bin kompletter Anfänger. Ich habe angefangen, den CSS-Kurs zu lesen und habe einige Fragen zu Punkten, bei denen ich Verständnisschwierigkeiten habe:

Auf der Seite "Aufbau von CSS-Befehlen" heisst es, dass diese Befehle immer aus Selektor und Deklaration bestehen, und dass man immer auf die eckigen Klammern um die Deklaration achten solle. Auf der nächsten Seite wird dann erklärt, wie man CSS in HTML einbindet. Bei Variante 1 (Befehle direkt im html-Quellcode) lautet das Beispiel so:

<h1 style="letter-spacing:30px;">Überschrift</h1> Wieso sind da denn jetzt keine eckigen Klammern dabei? Und warum steht "style=" im Befehl?

Im Beispiel unter Variante 2 sind eckige Klammern im Befehl. Dort gibt es aber noch andere Bestandteile wie ! - - oder -->. Ich verstehe nicht, was die bedeuten bzw. wann man sie benutzen muss. Wird das irgendwo im Kurs erklärt?

Viele Grüße

Capablance

von **drPHIP132** » Sonntag 11. Dezember 2011, 15:14

Willkommen im Forum.!

Der Aufbau ist ja TAG {Eigenschaft: Wert;}
Diesen verwendest du nur, wenn du eine externe .css Datei hast, oder oben im <head> Bereich das Design definierst.

<h1 style="letter-spacing:30px;">Überschrift</h1>
--> Hier definierst du das Design NUR für diese eine Überschrift.
Eckige Klammern brauchst du hier nicht, da du diese Designzuweisung im HTML-Quelltext vornimmst und es einfach so definiert ist.

HTML-TAGS werden nutzlos gemacht; so kannst du dir kommentare einfügen ohne das diese angezeigt werden beim betrachten der seite im browser; du siehst die nur beim entwickeln (im quellcode)

Hier ein Beispiel für dich:

Code: Alles auswählen: <!doctype html> <head> <style type="text/css"> /*zwischen diesen zeichen wird in css ausgeklammert. Wenn du die neuste Doctype benutzt, die von html5 <!doctype html> kannst du die ausklammerungszeichen von html () weglassen*/ h1 { color: #ffffff; } /*änderung für alle überschriften h1. die sollte allerdings nur einmal verwendet werden wegen SEO (=Search engine optimation) aber darauf kommen wir in einem/zwei monat zurück wenn du soweit bist ;)*/ </style> </head> <body> <h1 style="color: #ffffff;">Überschrift</h1> Hier ist die design zuweisung für NUR das eine Element. die nächste <h1> wird dadurch nicht angesprochen; nur durch das definierte design im headbereich. </body> </html>

Hoffe ich konnte dir helfen.

MfG drPHIP132

von **Capablanca** » Sonntag 11. Dezember 2011, 19:28

Das hilft mir weiter, vielen Dank.

von **drPHIP132** » Sonntag 11. Dezember 2011, 19:29

Kein Problem.

Wenn du weiter Fragen hast, dann frage ruhig =)

Tutorial HTML, CSS u. PHP - Forum

Frage zum Aufbau von CSS-Befehlen

Frage zum Aufbau von CSS-Befehlen

Re: Frage zum Aufbau von CSS-Befehlen

Re: Frage zum Aufbau von CSS-Befehlen

Re: Frage zum Aufbau von CSS-Befehlen

Wer ist online?