[CSS Tips]:几个css小技巧

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

CSS：

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

2. 跨浏览器的CSS透明度 

CSS：

1 2 3 4 5 6 7 8 9 10 11 12 13

. 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：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46

html, body, div, span, applet, object, iframe,  h 1 , h 2 , h 3 , h 4 , h 5 , h 6 , 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 : ""  "" ;  }

4.删除虚线轮廓

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

本文转自敏捷的水博客园博客，原文链接http://www.cnblogs.com/cnblogsfans/archive/2010/01/03/1638125.html如需转载请自行联系原作者

王德水