CSS zusammenfassen

[ram-online]

grundlagen in CSS deklarationen werden vorrausgesetzt

wer kennt das nicht?
nur um 3 versch. überschriften zu stylen braucht man viele code-zeilen, die irgendwann recht unübersichtlich werden:

Code: Alles auswählen

H1 {
   font-size : 1.2em;
   color : #000;
   font-family : Arial, Verdana, sans-serif;
}

H2 {
   font-size : 1.1em;
   color : #000;
   font-family : Arial, Verdana, sans-serif;
}

H3 {
   font-size : 1.0em;
   color : #000;
   font-family : Arial, Verdana, sans-serif
}

das ganze lässt sich aber in den gemeinsamen eigenschaften zusammenfassen:

Code: Alles auswählen

H1 {
   font-size : 1.2em;
}

H2 {
   font-size : 1.1em;
}

H3 {
   font-size : 1.0em;
}

H1,H2,H3 {
   color : #000;
   font-family : Arial, Verdana, sans-serif;
}

was wurde verändert?
in css kann man eigenschaften mehreren selektoren zuweisen.
die selektoren (hier: H1,H2...) werden mit komma getrennt aber ohne leerzeichen!
das hat den vorteil, dass es
-> 1. übersichtlicher wird (umso mehr code man hat)
-> 2. wenn man die farbe aller überschriften ändern möchte
nicht alles 3mal ändern muss sondern nur einmal.

[Shadowfax]

Gut, weiter so.

[Heiko]

Du könntest auch folgendes machen:

H1,H2,H3 {
color : #000;
font: 1.2em "Arial","Verdana",sans-serif;
}

H2 {
font-size : 1.1em;
}

H3 {
font-size : 1.0em;
}

dazu vielleicht noch etwas line-height ( 1.2em/1.4 ) um padding etc zu vermeiden ;o)