对比总结YUIreset.css和Alicereset.css

　　每每有新项目，第一步就是应当使用一个reset.css来重置样式。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css，并且要明白每一条reset都是用来做什么的。

/* 1.默认色彩 */
/* YUI2 */
html {
    /* 不要在reset中设置背景色和字体颜色 */
    color: #000;
    background: #FFF;
}

/* 2.边距 */
/* YUI2 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
/* Alice */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,
hr, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {     /* HTML5 */
    margin: 0;
    padding: 0;
}

/* 3.边框 */
/* YUI2 and Alice */
fieldset, img {    /* 去除默认边框 */
    border: 0;
}
abbr, acronym {    /* 去掉 Firefox/Safari下此元素的边框  */
    border: 0;
    font-variant: normal;
}

/* 4.外边框(outline) */
/* update - 务必重新定义获取焦点后的样式！ */
/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* 5.字体 */
/* 5.1语义 */
/* YUI2 */
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}
/* Alice */
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;    /* 可自定义之 */
    font-weight: 500;    /* 可自定义之 */
}

/* 5.2字体 - 标题 */
/* YUI2 */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
/* Alice - 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;    /* 可自定义之 */
}

/* 5.3字体 - 表单 */
/* YUI2 */
input, button, textarea, select, optgroup, option {    /* 解决表单元素不继承父级 font的问题，但对IE6/7不起作用 */
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input, button, textarea, select {
    *font-size: 100%;
}

/* Alice */
body, button, input, select, textarea {/* 解决表单元素不继承父级 font的问题，直接自定义表单字体以解决兼容性问题 */
    font: 12px/1.5 tahoma, arial, \5b8b\4f53;
}
button, input, select, textarea {
    font-size: 100%;
}

/* 6.行高(line-height) */
/* Alice */
body, button, input, select, textarea {     /* 行高默认所有元素都会继承的 */
    /* IE6下，行高为1时，中文字顶部会被削掉几像素，字体加粗时尤为明显。切记不要置为1 */
    font: 12px/1.5 tahoma, arial, \5b8b\4f53;    
}

/* 7.列表 */
/* YUI2 */
li {
    list-style: none;
}
/* Alice */
/* 去掉列表前的标识, li 会继承 */
ol,ul {
    list-style:none;
}

/* 8.表格 */
/* YUI2 and Alice */
/* 去掉各Table/cell的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
    text-align: left;
}

/* 9.上下标 */
/* YUI2 */
sup, sub {
    vertical-align: baseline;    /* 建议加上font-size: 100%;让重置更加 */
}
/* Alice - 统一上标和下标 */
sub, sup {     /* 可自定义 */
    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* 10.插入和删除 */
/* YUI2 */
del, ins { /* 直接清除了ins的下划线和del的删除线 */
    text-decoration: none;
}
/* Alice */
/* 默认不显示下划线，保持页面简洁 */
ins, a {
    text-decoration:none;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}

/* 11.引用元素的引号 */
/* YUI2 and Alice */
q:before, q:after {
    content: '';
}
/* Eric - 建议 */
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* 12.链接 */
/* YUI2与Alice都没有设定 */
a {     /* 建议去掉下划线，这种方式过于粗糙 */
    text-decoration: none;
}
/* 建议使用这种方式去除链接下划线 */
:link, :visited {
    text-decoration: none;
}

/* 13.其它 */
/* Alice */
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
    display:block;
}