Webdesign aus Berlin

IE 6 and below
* html {}
IE 7 and below
*:first-child+html {} * html {}
IE 7 only
*:first-child+html {}
IE 7 and modern browsers only
html>body {}
Modern browsers only (not IE 7)
html>/**/body {}
Recent Opera versions 9 and below
html:first-child {}

Safari

#test{
color:#063
}
#test{
/*andere Schriftfarbe*/
color:#c00;
#
}

http://www.hairy-spider.com/2006/02/24/AnnouncingDOMHelperANewAndImprovedCSSEditor.aspx

If you need to test your websites on MacOSX browsers this is the perfect place for you.
http://www.browsrcamp.com/

Mit der CSS Eigenschaft  line-height wird der Abstand zw. Zeilen definiert.

line-height: 2;

Die Eigenschaft letter-spacing hat die Möglichkeit die Abstände zwischen den Buchstaben zu bestimmen.

letter-spacing: 5px;

Man kann auch den negativen Wert eingeben:

letter-spacing: -3px;

Mit der Eigenschaft font-variant besteht die Möglichkeit kleine Buchstaben klein, aber in großem Schrifft zu schreiben.

Vorsicht! Es gibt kein “ß”, es wird automatisch durch “ss” umgesetzt.

.classname{ font-variant:small-caps;}

#p_schild {
width: 620px;
height: 510px;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
}

Damit wird der Text in einem Frame in bestimmten Größe (620*510) “abgeschnitten”.

Hintergrundbild wiedeholen:

#klassenname{

background-image:url(bild.jpg);

background-repeat:repeat;

}

repeat - die Grafik wiederholtsich horizontal und vertikal;

repeat-x - die Grafik wiederholt sich nur in horizontaler Richtung;

repeat-y - die Grafik wiederholt sich in vertikale Richtung;

no-repeat - die Grafik wiederholt sich nicht, sondern als einzelne Grafik angezeigt.

Hintergrundbild fixiren: background-attachment: fixed; - das bild bleibt auf eine Stelle, egal wie hoch man skrollt.

Hintergrund positionieren: background-position:left -das Bild wird links positioniert.