您的位置:首页 > Web前端 > CSS

DIY属于个人开发使用的CSS Reset

2009-07-25 16:16 246 查看
由于最近的需要,重新复习了CSS.温故而知新,发现以前学习时有很多的遗漏.如对CSS的预定义处理,也就是reset,根本地忽视了.可以说是没有这个概念吧,但潜移默化中还是有这样处理的,只是不知道这就是reset而已,而且都比较乱.今天上网看了一些文章的介绍,也来整理一份reset,方便以后开发使用.

参考Eric Meyer,YUI,&shawphy

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;

}

fieldset, img {

border: 0;

}

/* remember to define focus styles! */

:focus {

outline: 0;

}

address, caption, cite, code, dfn,

em, strong, th, var, optgroup {

font-style: normal;

font-weight: normal;

}

h1, h2, h3, h4, h5, h6 {

font-size: 100%;

font-weight: normal;

}

abbr, acronym {

border: 0;

font-variant: normal;

}

input, button, textarea,

select, optgroup, option {

font-family: inherit;

font-size: inherit;

font-style: inherit;

font-weight: inherit; }

code, kbd, samp, tt {

font-size: 100%;

}

/*@purpose To enable resizing for IE */

/*@branch For IE6-Win, IE7-Win */

input, button, textarea, select {

*font-size: 100%;

}

body {

line-height: 1.5;

}

ol, ul {

list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

border-collapse: collapse;

border-spacing: 0;

}

caption, th {

text-align: left;

}

sup, sub {

font-size: 100%;

vertical-align: baseline;

}

/* remember to highlight anchors and inserts somehow! */

:link, :visited , ins {

text-decoration: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐