Сравнение браузеров (HTML5)

Сравнение браузеров (HTML5)

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers

Поддержка твоим браузером HTML5/CSS3

Modernizr — HTML5 и CSS3 уже сегодня

Неплохой css reset

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
    vertical-align: baseline;
}

CSS opacity

/* This works in IE */
filter: alpha(opacity=50);

/* Older than Firefox 0.9 */
-moz-opacity:0.5;

/* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0.5;

/* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0.5;

Copy:

filter: alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

Float blocks

/* Firefox 2 */
display: -moz-inline-stack;

/* IE 8, Firefox 3, Opera, Safari, Chrome */
display: inline-block;
vertical-align: top;

/* IE 6 и 7 */
zoom: 1;
*display: inline;

Source

CSS хаки

div {
background: red; /* для нормальных браузеров */
//background: green; /* для всех ie */
-background: blue; /* “_”, или дефис “-“ для ie6 и ниже */
*background: blue; /* для ie7 и ниже */
}

Custom css for IE 6

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->