Frage zum Aufbau von CSS-Befehlen

Capablanca · 11. Dezember 2011

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

unkown-6363 · 11. Dezember 2011

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

<!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>

Alles anzeigen

Hoffe ich konnte dir helfen.

MfG drPHIP132

Capablanca · 11. Dezember 2011

Das hilft mir weiter, vielen Dank.

unkown-6363 · 11. Dezember 2011

Kein Problem.

Wenn du weiter Fragen hast, dann frage ruhig =)

Frage zum Aufbau von CSS-Befehlen

Jetzt mitmachen!

Teilen