zoukankan      html  css  js  c++  java
  • YUI css reset

    *{
        margin:0;
        padding:0;
    }
    

    以前写CSS都会在会在样式的开头部分添加上述的内容,今天才发现这种写法很不友好,会导致很多样式显示问题,所以并不适合所有的浏览器。

    下面的是雅虎的css reset,已经发展到3.5版本了。

    html{color:#000;background:#FFF}
    
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
    
    table{border-collapse:collapse;border-spacing:0}
    
    fieldset,img{border:0}
    
    address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
    
    ol,ul{list-style:none}
    
    caption,th{text-align:left}
    
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
    
    q:before,q:after{content:''}
    
    abbr,acronym{border:0;font-variant:normal}
    
    sup{vertical-align:text-top}
    
    sub{vertical-align:text-bottom}
    
    input,textarea,select{
        font-family:inherit;
        font-size:inherit;
        font-weight:inherit
        }
    
    input,textarea,select{*font-size:100%}
    
    legend{color:#000}#yui3-css-stamp.cssreset{display:none}
    
    
    *{
        font: 100% Verdana, Futura, Helvetica, sans-serif;
    }
    
    html{
        background: #00d4e1
    }
    
    body{
        color: #000;
        margin: auto;
        font-size: 0.75em;
    }
    
    nav{
         19%;
        heigh: 60%;
        color: #fff;
        background-color: #e2001a;
        top: 0;
        left: 0;
        text-align: right;
    }
    
    nav img{
         54%;
        margin: auto;
    }
    
    img{
         61%;
    }
    

      

    参考文章:

    可以参考雅虎的github:https://gist.github.com/borit/6354625css reset

    http://shawphy.com/2009/03/my-own-reset-css.html

  • 相关阅读:
    Python 编程入门(2):复杂数据类型(列表,字典)
    Python 编程入门(1):基本数据类型
    编程的智慧总结笔记
    学习 Vim 命令总结
    JS中如何使用radio
    关于模板页调用js的问题
    关于session认证用户名和密码的父类(简单认证)
    如何使用日期格式化函数
    数据库中怎么查询所有的表名
    简单的分页
  • 原文地址:https://www.cnblogs.com/WaTa/p/5499527.html
Copyright © 2011-2022 走看看