自己的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; }

 

 

posted @ 2010-03-08 11:05  shoupifeng  阅读(354)  评论(2编辑  收藏  举报