[Tutorial] CSS - So wird geschrieben

[Toasterfraktion]

Oft will dir Style-Definition nicht recht funktionieren. Oftmals ist es eine Sache der „Schrift.“ Hier verdeutliche ich dir wie man in CSS richtig schreibt, was erlaubt ist und was nicht.

1.) Groß- und Kleinschreibung wird nicht unterschieden.

Code:

a {font-size : 12px;}
A {font-size : 12px;}

ist das gleiche, sowie

Code:

.Footbar {font-size : 12px;}
.footbar {font-size : 12px;}
.FOOTBAR {font-size : 12px;}

sind dasselbe.

2.) Was ist verboten?

- Sonderzeichen und Zahlen sind als Klassenname verboten

Code:

.12 {font-size : 12px;}
.* {font-size : 12px;}

- Anführungszeichen sind nicht erlaubt.

Code:

A {font-size : "12px ";}

3.) Was ist erlaubt?

Das Alphabet:

Code:

Groß: 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 (Ä Ö Ü)
Klein: [code]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 (ä ö ü ß)

Zahlen: 1 2 3 4 5 6 7 8 9 0[/code]
Das Zeichen „-“ ist auch erlaubt, es sollte jedoch keine klasse damit beginnen.

4) Sonstieges

Leerzeichen werden ignoriert. Es sollte trotzdem der übersicht wegen mit Leerzeichen nicht um sich geschmissen werden.

Paarweise müssen vorkommen:
Klammern wie ( [ {
Sonderzeichen wie “ und '

Du hast gelernt wie mann in CSS korrekt schreibt und was du besser sein lassen solltest.

Viel Spaß und Erfolg wünscht
Toasterfraktion

[Google]

[Abbel]

Sorry,wenn ich störe,aber es gibt eine Ausnahme,bei denen eine Klasse nicht aus Sonderzeichen bestehen darf,nämlich den Universalselektor.
Er wird so angezeigt:

PHP-Code:

* {
     position:absolut;
} 


Diese Eigenschaft wird nun automatisch auf alle anderen Elemente übergeben,bis auf die,bei denen du die im Selektor definierten stylefunktionen änderst.Klingt blöd formuliert,BSP:

PHP-Code:

* {
position:absolute;
}/*Definition der Positionierung*/
body {
background: url("hintergrund.png");
}/*naja^^*/
.diveins {
   color:(raute)000;
}/*Hier ist nun die Postion absolute*/
.divzwei {
color:(raute)FFF;
postion:relative;
}/*Hier wird die absoluter Positionierung nicht geerbt,da eine andere Positionierung definiert wurde*/ 


Hoffe,ist nicht zu umständlich,kannste ja auch löschen und iwie anders vermerken^^

PS:Ich mag es farbig,aber da in php # ein Kommentarbefehl ist,hab ich die # gegen (raute) ausgetauscht^^

[ICE TRUCK]

halthalthalt... :D 2 sachen
1. statt background bitte background-image, gibt manchmal probleme...
2. url(bild.png); also ohne anführungszeichen ;) fiel mir grad so ein^^
meiner meinung nach braucht man für farbe 6 zeichen.. #rrggbb...
naja abkürzen hat komische effekte, wenn man nicht weiß, was sich dann verschiebt und wo hin :D

und zuletzt eine ergänzung
macht man statt . einfach # vor den klassennamen, dann wird der style auf eine id angewendet z.b.

Code:

#blubb{
[...]
}

und dazu gehörig

Code:

<div id="blubb">[...]</div>

[Abbel]

1.)Ich weiß
2.)Ich weiß
Es ging mir nur um die Sache mit dem Universalselektor
Und das mit der div id weiß ich auch,aber dann hätte ich schon wieder (raute) schreiben müssen^^Wegen: php Kommentar=#

[Wizards van Oz]

farben abkürzen ist oft schwer und geht oft schief. man sollte es entweder nur innerhalb js machen oder nur bei schwarz und weiß...^^

[Wizards van Oz]

wenn man times new roman als schrift angeben möchte darf man so gut wie einmalig schriftzeichen "" angeben:

font {
font-family:"Times New Roman", Times, serif;font-size: 12px; color:#407777;
}

oder?^^