日期:2014-05-17  浏览次数:20648 次

10个非常有用的CSS技巧(m2maomao修正版)
1. 将网页或元素居中      

HTML:
<div class="wrap"> 
</div><!-- end wrap --> 

CSS:
.wrap { width:960px; margin:0 auto;} 


3.跨浏览器最小高度设置     

CSS:
.element { min-height:600px; height:auto !important; height:600px; } 


7.著名的 Meyer Reset(重置)
    
CSS:
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-weight: inherit; 
font-style: inherit; 
font-size: 100%; 
font-family: inherit; 
vertical-align: baseline; 

/* remember to define focus styles! */ 
:focus { 
outline: 0; 

body { 
line-height: 1; 
color: black;  
background: white; 

ol, ul { 
list-style: none; 

/* tables still need 'cellspacing="0"' in the markup */ 
table { 
border-collapse: separate; 
border-spacing: 0; 

caption, th, td { 
text-align: left; 
font-weight: normal; 

blockquote:before, blockquote:after, 
q:before, q:after { 
content: ""; 

blockquote, q { 
quotes: "" ""; 
}  


8.删除虚线轮廓     


CSS:
a, a:active { outline: none; } 


10.覆盖内联的样式


CSS:
.override { 
font-size: 14px !important; 



本来10个,其他不兼容IE6,被我干掉了。