9 super practical CSS tips to help designers and developers

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

-moz-border-radius: 10px 20px 30px 0;

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

object.style.boxShadow="20px 10px 7px #ccc"

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

@media print
{
p.content { color: #ccc }
}

background: -webkit-gradient(linear, left top, left bottom, from(darkGray), to(#7A7A7A));

div
{
background:url(bg.jpg);
background-size:800px 600px;
background-repeat:no-repeat;
}

@font-face
{
font-family: mySmashingFont;
src: url('blitz.ttf')
,url('blitz.eot'); /* IE9 */
}

div{font-family:mySmashingFont;}

.clearfix {
display: inline-block;
}

.clearfix:after {
content： ".";
display: block;
clear： both;
visibility: hidden;
line-height: 0;
height： 0;
}

.myDiv {
margin: 0 auto;
width:600px;
}

div
{
overflow:hidden;
}