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{
    width: 19%;
    heigh: 60%;
    color: #fff;
    background-color: #e2001a;
    top: 0;
    left: 0;
    text-align: right;
}

nav img{
    width: 54%;
    margin: auto;
}

img{
    width: 61%;
}

  

參考文章:

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM