当前位置: 网站建设 > 网页设计 > 建站经验 >

css reset重置基础代码

时间:2013-03-02 03:41来源:未知 作者:admin 点击:

标签:css reset重置基础代码 re(1)代码(82)CSS(655)reset(1)网站建设(1202)重置(5)基础(18)
--> [网站建设之]css reset重置基本代码 css reset,即重置css,也就是重置默认样式。在不同阅读器,HTML中标签的默认样式有一个默认属性值,渲染出来的后果不尽雷同,咱们在写css页面的时候,为了防止在css中重复定义它们,我们须要重置默认款式,以便利同一
css reset重置基础代码》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331J2013.htm
--> [网站建设之]css reset重置基本代码

css reset,即重置css,也就是重置默认样式。在不同阅读器,HTML中标签的默认样式有一个默认属性值,渲染出来的后果不尽雷同,咱们在写css页面的时候,为了防止在css中重复定义它们,我们须要重置默认款式,以便利同一,从而进步开发效力,提高样式代码的重用,减少反复代码,减少保护本钱。


普通调页面的时候都写个:


* { margin: 0; padding: 0; }

方便简练,然而实际的名目就不要这么写了,由于“*”是全局的意思,即全体标签都要运行这么一句货色,这样开销就大了,个别是采取按所需标签摆设的方法,你用哪些就写哪些,如下:

body,form,div,span,ul,ol,li{margin:0;padding:0;}


下面的是我目前用到的reset

body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;}
fieldset,img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none;}
a:hover{ text-decoration:underline;}
a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal;}
input,select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;}
.clear{ clear:both;}
.clearfix{zoom:1;}
.clearfix:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}


下面是Eric Meyer的

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: baselinebaseline;    
    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: "" "";    
}





下面是Yahoo’s(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;    




Tag:CSS   reset   重置   代码   CSS   reset   重置   代码   相关的主题文章:
(责任编辑:网站建设)
css reset重置基础代码相关文章
上一篇:CSS position属性定位总结 下一篇:CSS Sprites图片合并技术减少请求优缺点
回到顶部