TRUNG TÂM WEBSITE

html>/**/body .logo{margin-left:10px} /* chỉ firefox thôi */
html>body .logo{margin-left:10px} /* ie7 và firefox */

.box {
margin-top:5px; /* tất cả các trình duyệt */
margin-top:8px\9;/*Tất cả cá trình duyệt IE */
*margin-top:8px; /* IE 7 và các IE thấp hơn */
_margin-top:8px; /* IE 6 và các IE thấp hơn */
_mar\gin-top: 8px; /* chỉ áp dụng cho thằng IE 6 */
_margin-top/**/:/**/ 10px; /* IE 6 luôn */
margin-top/**/:9px; /* IE 5.0 */
_margin-top:/**/ 22px; /* IE 5.5 */
}
* html .logo{margin-left:10px;} /* ie6 */
* + html .logo{margin-left:20px;} /* ie7 */

/* trong  google chrome màu chữ sẽ là màu đỏ */
#test1{color:green;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#test1{color:red;}
}

/* Chữ màu đỏ cho opera và google chrome */
#test2{
color:green;
-bracket-:hack(;
color:red;
);
}

#test3{
/* màu đỏ sẽ được dùng ở google chrome */
color:green;
(-bracket-:hack;
color:red;
);
}

/* màu đỏ sẽ được dùng ở google chrome */
#test4{
color:green;
-bracket-:hack[;
color:red;
];
}

/* css cho Safari đây */
.box {
margin-top:5px;
padding:5px;# // đây là phần hack css cho safari
}

.myclass { background-color: red; } /* tất cả các trình duyệt */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.myclass { background-color: yellow; }
} /* Opera */
@media all and (min-width:0px) {head~body .logo {margin-left:10px;}} /* chỉ opera */

/* Áp dụng ở tất cả trình duyệt */
.element {
margin-bottom: 20px;
}
/* Áp dụng cho IE7 */
.ie7 .element {
margin-bottom: 10px;
}
/* Áp dụng cho IE8  */
.ie8 .element {
margin-bottom: 15px;
}