zoukankan      html  css  js  c++  java
  • 比较全的css重设

    一.最简化的CSS Reset(重设) :

    * {
          padding: 0;
          margin: 0;
    }

    这是最普遍最简单的CSS重设,将所有元素的padding和margin值都设为0,可以避免一些浏览器在理解这两个属性默认值上的”分歧”。

    二.浓缩实用型CSS Reset(重设):

    * {
           vertical-align: baseline;
           font-weight: inherit;
           font-family: inherit;
           font-style: inherit;
           font-size: 100%;
           outline: 0;
           padding: 0;
           margin: 0;
           border: 0;
    }

    三.Poor Man 的CSS Reset:

    html, body {
           padding: 0;
           margin: 0;
    }
    html {
           font-size:1em;
    }
    body {
           font-size:100%;
    }
    a img, :link img, :visited img {
           border:0px;
    }

    这个重设方法将html和body下元素的padding和margin都设为0,并分别为html标签和body标签下的所有元素设置了初始的字体大小,最重要的是把有链接的图片的默认边框去掉了。

    四.Siolon’s Global Reset

    {
        vertical-align: baseline;
        font-family: inherit;
        fo
    
    nt-style: inherit;
        font-size: 100%;
        border: none;
        padding: 0;
        margin: 0;
    }
    body {
        padding: 5px;
    }
    h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {
        margin: 20px 0;
    }
    li, dd, blockquote {
        margin-left: 40px;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    } 

    五.Shaun Inman’s Global Reset

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {
        padding: 0;
        margin: 0;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
        fieldset, img, abbr {
        border: 0;
    }
    address, caption, cite, code, dfn, em,
    h1, h2, h3, h4, h5, h6, strong, th, var {
        font-weight: normal;
        font-style: normal;
    }
    ul {
        list-style: none;
    }
    caption, th {
        text-align: left;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.0em;
    }
    q:before, q:after {
        content:;
    }
    a, ins {
        text-decoration: none;
    }

    六.Yahoo(YUI) CSS Reset:

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
    form,fieldset,input,textarea,p,blockquote,th,td {
        padding: 0;
        margin: 0;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    fieldset,img {
        border: 0;
    }
    address,caption,cite,code,dfn,em,strong,th,var {
        font-weight: normal;
        font-style: normal;
    }
    ol,ul {
        list-style: none;
    }
    caption,th {
        text-align: left;
    }
    h1,h2,h3,h4,h5,h6 {
        font-weight: normal;
        font-size: 100%;
    }
    q:before,q:after {
        content:;
    }
    abbr,acronym {
        border: 0;
    }

    七.Eric Meyer’s CSS Reset

    html, body, div, span, applet, object, iframe, table, caption,
    tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
    kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
    acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend {
        vertical-align: baseline;
        font-family: inherit;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        outline: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }
    :focus {
        outline: 0;
    }
    body {
        background: white;
        line-height: 1;
        color: black;
    }
    ol, ul {
        list-style: none;
    }
    table {
        border-collapse: separate;
        border-spacing: 0;
    }
    caption, th, td {
        font-weight: normal;
        text-align: left;
    }
    blockquote:before, blockquote:after, q:before, q:after {
        content: “”;
    }
    blockquote, q {
        quotes: “” “”;
    }

    八.Condensed Meyer Reset:

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
    pre, form, fieldset, input, textarea, p, blockquote, th, td {
        padding: 0;
        margin: 0;
    }
        fieldset, img {
        border: 0;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    ol, ul {
        list-style: none;
    }
    address, caption, cite, code, dfn, em, strong, th, var {
        font-weight: normal;
        font-style: normal;
    }
    caption, th {
        text-align: left;
    }
    h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
        font-size: 100%;
    }
    q:before, q:after {
        content:;
    }
    abbr, acronym {
        border: 0;
    }

    九.Ateneu Popular CSS Reset

    html, body, div, span, applet, object, iframe, h1, h2, h3,
    h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
    address, big, cite, code, del, dfn, em, font, img, ins,
    kbd, q, s, samp, small, strike, strong, sub, sup, tt,
    var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
    }
    :focus {
        outline: 0;
    }
    a, a:link, a:visited, a:hover, a:active{
        text-decoration:none
    }
    table {
        border-collapse: separate;
        border-spacing: 0;
    }
    th, td {
        text-align: left;
        font-weight: normal;
    }
    img, iframe {
        border: none;
        text-decoration:none;
    }
    ol, ul {
        list-style: none;
    }
    input, textarea, select, button {
        font-size: 100%;
        font-family: inherit;
    }
    select {
        margin: inherit;
    }
    hr {
        margin: 0;
        padding: 0;
        border: 0;
        color: #000;
        background-color: #000;
        height: 1px
    }

    十、CSSLab CSS Reset

    html,body, div, span, applet, object, iframe, h1, h2, h3,
    h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
    big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend, table, caption, tbody, tfoot,
    thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
    }
    :focus {
        outline: 0;
    }
    table {
        border-collapse: separate;
        border-spacing: 0;
    }
    caption, th, td {
        text-align: left;
        font-weight: normal;
    }
    a img, iframe {
        border: none;
    }
    ol, ul {
        list-style: none;
    }
    input, textarea, select, button {
        font-size: 100%;
        font-family: inherit;
    }
    select {
        margin: inherit;
    }
    /* Fixes incorrect placement of numbers in ol’s in IE6/7 */
    ol { margin-left:2em; }
    /* == clearfix == */
    .clearfix:after {
        content: “.”;
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .clearfix {display: inline-block;}
    * html .clearfix {height: 1%;}
    .clearfix {display: block;} 
  • 相关阅读:
    BMP图像信息隐藏
    多项式模2运算及求逆元
    day08 xml tomcat
    day07 c3p0连接池
    day06 多表查询
    java学习日记(day30--dbutils)
    java学习日记(29 JDBC)
    java学习日记(28)-- mysql基础
    activiti主要组件解析
    activiti流程跟踪图算法
  • 原文地址:https://www.cnblogs.com/hutuzhu/p/4164701.html
Copyright © 2011-2022 走看看