1. Очень простой способ выводить (подменять) заголовки картинками: 

h1 {
    display:block;
    width:100px;
    height:0;
    padding:30px 0 0 0;
    background-image:url('heading.gif');
    overflow:hidden;
}

2. Удобный в использовании "reset"

во многих случая оказывается весьма кстати: 

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,
pre,form,p,blockquote,fieldset,input,hr {
    margin:0; padding:0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,
caption,cite,code,em,strong,th {
    font-size:1em; font-weight:normal; font-style:normal;
}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

3. Хаки для IE:

.class {
    width:200px; /* All browsers */
    *width:250px; /* IE */
    _width:300px; /* IE6 */
    .width:200px; /* IE7 */
}

Но если есть возможность, лучше использовать подключение отдельных CSS-файлов для IE:

4. CSS только для Opera: 

@media all and (min-width: 0px){
    .classname {}
}

5. CSS только для Safari 

 html:lang(en)>body .classname {
    color: #333333;
 }

6. CSS только для Google Chrome

 body:nth-of-type(1) p{
    color: #333333;
 }