[CSS Tips]:几个css小技巧

2010-01-03 10:15 敏捷的水阅读(491) 评论(0) 编辑收藏举报

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

CSS：

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

2. 跨浏览器的CSS透明度

CSS：

.transparent {  
 
/* Modern Browsers */ opacity: 0.7;  
 
/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
 
/* IE 5-7 */ filter: alpha(opacity=70);  
 
/* Netscape */ -moz-opacity: 0.7;  
 
/* Safari 1 */ -khtml-opacity: 0.7;  
 
}

3.著名的 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: "" "";  
}