9 superpraktische CSS-Tipps, die Designern und Entwicklern helfen

border-radius: 10px; /* CSS3-Eigenschaft */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Chrome/Safari */
-khtml-border-radius: 10px; /* Linux-Browser */

-moz-Randradius: 10px 20px 30px 0;

#meineDiv{
-moz-box-shadow: 20px 10px 7px #ccc;
-webkit-box-shadow: 20px 10px 7px #ccc;
Kastenschatten: 20px 10px 7px #ccc;
}

Objekt.Stil.boxShadow="20px 10px 7px #ccc"

@media screen und (max-width: 480px) {
}

@media drucken
{
p.inhalt { Farbe: #ccc }
}

Hintergrund: -webkit-gradient(linear, links oben, links unten, von (dunkelgrau), bis (#7A7A7A));

div
{
Hintergrund:URL(bg.jpg);
Hintergrundgröße: 800px 600px;
Hintergrundwiederholung: keine Wiederholung;
}

@Schriftart
{
Schriftfamilie: mySmashingFont;
Quelle: URL ('Blitz.ttf')
,url('blitz.eot'); /* IE9 */
}

div{Schriftfamilie:mySmashingFont;}

.klarfix {
Anzeige: Inline-Block;
}

.clearfix:nach {
Inhalt: ".";
Anzeige: Block;
klar: beides;
Sichtbarkeit: versteckt;
Zeilenhöhe: 0;
Höhe: 0;
}

.meinDiv {
Rand: 0 automatisch;
Breite: 600px;
}

div
{
Überlauf: versteckt;
}