11 allgemeine CSS Tipps und Erfahrungssammlung

Methode 1:
img{Anzeige:Block;}
Methode 2:
img{vertical-align:top;}
Hinweis: Zusätzlich zum Top-Wert können Sie ihn auch auf Text-Top setzen
| Mitte | unten | Text unten oder sogar bestimmte <Länge>- und <Prozent>-Werte. Methode 3:
#test{Schriftgröße:0;Zeilenhöhe:0;}
Hinweis: #test ist das übergeordnete Element von img

Verfahren:
ein:link{color:#03c;}
a:besucht{color:#666;}
ein:hover{color:#f30;}
a:aktiv{color:#c30;}
Hinweis: Legen Sie den Hyperlink-Stil einfach in der Reihenfolge LVHA fest, die als LoVe (mögen) HAte (Hass) geschrieben werden kann.

Verfahren:
html{
Bildlaufleiste-3D-Lichtfarbe: #999;
Bildlaufleiste-Dunkelschatten-Farbe: #999;
Bildlaufleisten-Hervorhebungsfarbe: #fff;
Bildlaufleisten-Schattenfarbe: #eee;
Bildlaufleistenpfeilfarbe: #000;
Bildlaufleisten-Oberflächenfarbe: #ddd;
Bildlaufleisten-Spurfarbe: #eee;
Grundfarbe der Bildlaufleiste: #ddd;
}
Hinweis: Definieren Sie den ursprünglich im Textkörper eingestellten Farbstil der Bildlaufleiste im HTML-Tag-Selektor.

Methode: #test{width:150px;white-space:nowrap;}
Hinweis: Stellen Sie die Containerbreite und den Leerraum auf „Nowrap“ ein, was eine ähnliche Wirkung wie das Tag <nobr> hat.

Methode (Diese Methode wird in Firefox 5.0 noch nicht unterstützt):
#test{width:150px;whitespace:nowrap;overflow:hidden;text-overflow:ellipsis;}
Hinweis: Zuerst müssen Sie die Anzeige des Textes in einer Zeile erzwingen, dann den überlaufenden Text mit „overflow:hidden“ abschneiden und den abgeschnittenen Text mit „text-overflow:ellipsis“ als Auslassungspunkte anzeigen.

Methode: #test{width:150px;word-wrap:break-word;}
Hinweis: Der break-word-Wert von word-wrap ermöglicht Zeilenumbrüche innerhalb von Wörtern

Methode: a{outline:none;}
Hinweis: IE7 und frühere Browser unterstützen das Outline-Attribut nicht. Daher müssen Sie zur Implementierung die Methode blur() von js verwenden, z. B. <a
onfocus="diese.unschärfe();"...

Verfahren:
Im Standardmodus: Element
Breite = Breite + Polsterung + Rahmen
Im Quirks-Modus: Element
width = Breite
Hinweis: Weitere Informationen finden Sie in der CSS3-Eigenschaft box-sizing

Methode: input,textarea{ime-mode:disabled;}
Hinweis: ime-mode ist ein nicht standardmäßiges Attribut. Zum Zeitpunkt der Erstellung dieses Dokuments wird es nur von IE und Firefox unterstützt.

Methode: <param
Name="wmode" Wert="transparent" />
Hinweis: Stellen Sie den Flash-Wmode-Wert auf transparent oder undurchsichtig ein

Verfahren:
Setzen Sie das Tag-Attribut des Iframe-Elements auf allowtransparency="allowtransparency" und stellen Sie dann die Hintergrundfarbe der Seite innerhalb des Iframes auf transparent ein. Dies führt jedoch zu einigen anderen Problemen im Internet Explorer, z. B.: Der auf transparent eingestellte Iframe deckt die Auswahl nicht ab.