[CSS Tips]:幾個css小技巧

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

4.刪除虛線輪廓

a, a:active { outline: none; }