Neun sehr nützliche Tipps für CSS-Webdesign

Autor：Eve Cole Aktualisierungszeit：2009-05-31 01:02:35

1. Einführung

Dieser Artikel enthält 8 sehr nützliche Lösungen, die Sie verwenden können, wenn Sie Probleme mit dem CSS-Design haben.

2. Browserspezifische Selektoren

Diese Selektoren sind sehr nützlich, wenn Sie CSS für einen bestimmten Browser entwerfen müssen.

IE6 und niedrigere Versionen

* html {}

IE7 und niedrigere Versionen

*:first-child+html {} * html {}

Nur für IE7

*:first-child+html {}

IE7 und moderne Browser

html>body{}

Nur moderne Browser (gilt nicht für IE7)

html>/**/body{}

Opera9 und niedrigere Versionen

html:first-child {}

Safari

html[xmlns*=""] body:last-child {}

Um diese Selektoren zu verwenden, platzieren Sie sie vor dem Stil. Beispiel:

#content-box {

Breite: 300px;

Höhe: 150px;

}

*html

#content-box {

Breite: 250px;

} /* überschreibt den obigen Stil und ändert die Breite in IE 6 und niedriger auf 250 Pixel */

3. Lassen Sie IE6 PNG-Transparenz unterstützen

Ein Fehler im IE6 verursachte große Probleme, da transparente PNG-Bilder nicht unterstützt wurden.

Sie müssen einen CSS-Filter verwenden

*html #image-style {

Hintergrundbild: keines;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil

ename.png", sizingMethod="scale");

}

4. Entfernen Sie die gepunktete Linie des Hyperlinks (nur gültig für FF).

Wenn Sie unter FireFox auf einen Hyperlink klicken, wird am Rand eine gepunktete Kontur angezeigt. Dies lässt sich leicht lösen, indem Sie ihn einfach zum Beschriftungsstil hinzufügen

Gliederung: keine .

Gliederung: keine;

}