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

来源:互联网 发布:话剧是什么知乎 编辑:程序博客网 时间:2024/05/29 14:44

 由于最近的需要,重新复习了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;

}

原创粉丝点击