1. cross-browser minimum height settings
CSS:
. Element {Min-Height: 600px; Height: Auto! Important; Height: 600px ;}
2. cross-browser CSS transparency
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. Famous Meyer reset (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. Delete the dotted line outline
A, A: active {outline: none ;}