自己的css reset---jerryli cssreset
呵呵,为了让自己用起来css,更顺手,就参照了各大牛们的cssreset的css,于是就博众所长,组织了自己的cssreset了,不知道好不好,看了请大家给给个建议!
代码
@charset "utf-8";
/* CSS reset
Code by jerryli on 2010-2-3
Reference in:Eric Meyer Reset,YUI Reset,freezedunreset
version:1.0
target:适合自己才是最好的
*/
/** 清除内外边距 **/
body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
margin: 0;
padding: 0;
}
body{ line-height:1;}
/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, caption, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
/* 重置列表元素 */
ul, ol, li { list-style: none; }
/* 重置文本格式元素 */
abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.这里用了属性选择符,ie6 下无效果 */
border-bottom: 1px dotted;
cursor: help;
}
blockquote,q{quotes:none;}/*某些浏览器中,q或者blockquote前后会出现引号。这个并不是谁都喜欢的。所以需
要重置他 blockquote:长引用,q:短的引用;使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现*/
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
caption,th{text-align:left;}
:focus{outline:0;}
:link,:visited,ins{text-decoration:none;}
del{text-decoration:line-through;}/*删除文本通常与ins配合使用*/
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */
/* 注:optgroup 无法扶正 */
button, input, select, textarea {
font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 重置 hr */
hr {
border: none;
height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }