zoukankan      html  css  js  c++  java
  • CSS Reset方法

    CSS Reset 即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。

    但并不是所有的浏览器都使用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。

    正在使用CSS的你,用过CSS Reset吗?当然,或许你用了,却不知道正在用,比如你可能用到:

    * { 
    	padding: 0; 
        margin: 0; 
        border: 0; 
    }
    

    这也是一种CSS Reset的方法,让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法,也是最简单,最安全的方法,不过,

    也是最占用资源的方法。对于小型的网站来说,用这个并不会带来大的资源浪费,但如果是像Yahoo这种架构非常大的网站,刚需要有选择地进行CSS重设,

    以减少资源浪费。下面是Yahoo的CSS重设代码,也是受最多人喜爱的CSS Reset方法,YUI选择的方法是:

    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; 
    }
    

    OK,相信你也已经了解了CSS重设的目的,或许你也可以根据自己的喜好,写一个自己的CSS重设系统,毕竟大家的需求和习惯的不同的。

  • 相关阅读:
    没人关注的角落是个好地方
    PICKIT3 WIN10 无法连接问题解决
    TM1650+msp430单片机 调试及遇到问题的总结
    即将会来日常更新stm32的学习过程
    Learn Arduino the hard way 1——点亮一个LED
    准备再次开始更新
    Tcl之Read files for synthesis
    Verilog之event
    Tcl之Math
    Digital design之Boolean Algebra
  • 原文地址:https://www.cnblogs.com/Vipming/p/4256116.html
Copyright © 2011-2022 走看看