天天看点

css reset

<code>/*reset*/</code>

<code>*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}</code>

<code>html,body,h</code><code>1</code><code>,h</code><code>2</code><code>,h</code><code>3</code><code>,h</code><code>4</code><code>,h</code><code>5</code><code>,h</code><code>6</code><code>,hr,p,</code><code>pre</code><code>,blockquote,dl,dd,ul,li,ol,fieldset,legend,figure,input,textarea,button,select{</code><code>margin</code><code>: </code><code>0</code><code>; </code><code>padding</code><code>: </code><code>0</code><code>;}</code>

<code>header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{</code><code>display</code><code>:</code><code>block</code><code>;}</code>

<code>body,button,input,select,textarea{</code><code>font</code><code>: </code><code>16px</code><code>/</code><code>1.5</code> <code>'方正兰亭黑体'</code><code>,</code><code>'Microsoft Yahei'</code><code>,</code><code>'楷体'</code><code>,</code><code>arial</code><code>,</code><code>serif</code><code>;}</code>

<code>body{</code><code>width</code><code>: </code><code>100%</code><code>; </code><code>color</code><code>: </code><code>#909396</code><code>;}</code>

<code>h</code><code>1</code><code>,h</code><code>2</code><code>,h</code><code>3</code><code>,h</code><code>4</code><code>,h</code><code>5</code><code>,h</code><code>6</code><code>{</code><code>font-size</code><code>: </code><code>100%</code><code>; </code><code>font-weight</code><code>: </code><code>normal</code><code>;}</code>

<code>address,cite,dfn,em,var,i{</code><code>font-style</code><code>: </code><code>normal</code><code>;}</code>

<code>ul,ol{</code><code>list-style</code><code>: </code><code>none</code><code>;}</code>

<code>a{</code><code>text-decoration</code><code>: </code><code>none</code><code>; </code><code>color</code><code>: </code><code>#849CBA</code><code>;}</code>

<code>a:link{</code><code>text-decoration</code><code>:</code><code>none</code><code>;}</code>

<code>fieldset,img{</code><code>border</code><code>: </code><code>0</code> <code>none</code><code>;}</code>

<code>img{</code><code>vertical-align</code><code>: </code><code>middle</code><code>;}</code>

<code>button,input,select,textarea{</code><code>font-size</code><code>: </code><code>100%</code><code>; </code><code>outline</code><code>: </code><code>none</code><code>;}</code>

<code>button{</code><code>background-color</code><code>: </code><code>#fff</code><code>;}</code>

<code>table{</code><code>border-collapse</code><code>: </code><code>collapse</code><code>; </code><code>border-spacing</code><code>: </code><code>0</code><code>;}</code>

<code>input,select{</code><code>border</code><code>:</code><code>none</code><code>;}</code>

<code>input::-webkit-search-cancel-button{</code><code>display</code><code>: </code><code>none</code><code>;}  </code><code>/*--清除谷歌浏览器下的 search 叉号*/</code>

<code>input::-ms-clear{</code><code>display</code><code>: </code><code>none</code><code>;} </code><code>/* --清除IE下的 叉号*/</code>

<code>input{-webkit-appearance : </code><code>none</code><code>;} </code><code>/*-- 清除safari下的默认样式*/</code>

<code>/*base*/</code>

<code>.clear{</code><code>clear</code><code>:</code><code>both</code><code>;}</code>

<code>.clearfix{zoom:</code><code>1</code><code>;}</code>

<code>.clearfix:after{</code><code>display</code><code>:</code><code>block</code><code>; </code><code>content</code><code>:</code><code>''</code><code>; </code><code>clear</code><code>: </code><code>both</code><code>;}</code>

<code>.</code><code>hidden</code><code>{</code><code>display</code><code>: </code><code>none</code><code>;}</code>

<code>.nobor{</code><code>border</code><code>:</code><code>none</code> <code>!important</code><code>;}</code>

<code>.br</code><code>5</code><code>{-webkit-border-radius:</code><code>5px</code><code>; -moz-border-radius:</code><code>5px</code><code>; border-radius:</code><code>5px</code><code>;}</code>

<code>.br</code><code>10</code><code>{-webkit-border-radius:</code><code>10px</code><code>; -moz-border-radius:</code><code>10px</code><code>; border-radius:</code><code>10px</code><code>;}</code>

<code>本文转自   frwupeng517   51CTO博客,原文链接:http://blog.51cto.com/dapengtalk/1852211</code>