安迪·克拉克的「通用Internet Explorer 6中的CSS」與埃裏克邁耶「CSS復位」

Universal Internet Explorer 6 CSS安迪·克拉克的「通用Internet Explorer 6中的CSS」與埃裏克邁耶「CSS復位」

CSS代碼：

/* -------------------------------------------------------------- 
Standardised Internet Explorer 6 stylesheet: 
http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/ 

Based on the work of: 
Mark Boulton: http://markboulton.co.uk 
Eric Meyer: http://meyerweb.com 
Cameron Moll: http://www.cameronmoll.com/ 
Richard Rutter: http://clagnut.com 
Khoi Vinh: http://subtraction.com 

-------------------------------------------------------------- */ 

html,   body, 
div,   span, 
object,   iframe, 
h1, h2, h3, h4, h5, h6, 
p,    blockquote, 
pre,   a, 
abbr,   acronym, 
address,  code, 
del,   dfn, 
em,    img, 
q,    dl, 
dt,    dd, 
ol,    ul, 
li,    fieldset, 
form,   label, 
legend,   table, 
caption,  tbody, 
tfoot,   thead, 
tr,    th, td { 
margin : 0; 
padding : 0; 
border : 0; 
font-weight : inherit; 
font-style : inherit; 
font-size : 100%; 
font-family : inherit; 
vertical-align : baseline; } 

/* Body ---------------------------------------------------- */ 

body { 
width : 60%; 

/* http://www.cameronmoll.com/archives/000892.html */ 
width : expression(document.body.clientWidth < 640? "640px" : document.body.clientWidth > 120? "120em" : "auto"); 
margin : 0 auto; 
padding : 2em 0; 
background : #fff; 
font : 88% Georgia, Times, serif; 
line-height : 1.4; 
color : #333; } 

/* Headings ---------------------------------------------------- */ 

h1, h2, h3, h4, h5, h6 { 
font-weight : normal; } 

h1 { 
margin-bottom : .5em; 
font-size : 3em; 
line-height : 1; } 

h2 { 
margin-bottom : .75em; 
font-size : 2em; } 

h3 { 
margin-bottom : 1em; 
font-size : 1.5em; 
line-height : 1 ; } 

h4 { 
margin-bottom : 1.25em; 
font-size : 1.2em; 
line-height : 1.25; } 

h5, h6 { 
margin-bottom : 1.5em; 
font-weight : bold; 
font-size : 1em; } 

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
margin : 0; } 

/* Text elements -------------------------------------------------------------- */ 

p { 
margin : 0 0 1.5em; } 

a { 
color : #105cb6; 
text-decoration : underline; } 

a:visited { 
color : #105cb6; } 

a:focus, a:hover { 
color : #003; } 

a img { 
border : none; } 

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

blockquote { 
margin : 1.5em 1.5em 1.5em -1.5em; 
padding-left : 1.5em; 
border-left : 1px solid #666; 
font : italic 1.2em "Times New Roman", Times, serif; } 

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

strong { 
font-weight : bold; } 

em, dfn { 
font-style : italic; } 

dfn { 
font-weight : bold; } 

sup, sub { 
line-height : 0; } 

abbr, acronym { 
border-bottom : 1px dotted #666; } 

address { 
margin : 0 0 1.5em; 
font-style : italic; } 

del { 
color : #666; } 

pre, code, tt { 
margin : 1.5em 1.5em 1.5em -1.5em; 
padding-left : 1.5em; 
border-left : 1px dotted #666; 
font : 1em 'andale mono', 'lucida console', monospace; 
line-height : 1.5; } 

pre { 
white-space : pre; } 

code { 
display : block; } 


/* Lists -------------------------------------------------------------- */ 

li ul, li ol { 
list-style-type : circle; 
margin : 0 1.5em .75em 1.5em; } 

ul, ol { 
margin : 0 1.5em 1.5em 0; } 

ul { 
list-style-type : disc; } 

ol { 
list-style-type : decimal; } 

dl { 
margin-bottom: 1.5em; 
padding-top: 1.5em; 
border-top : 1px solid #ccc; } 

dl dt { 
margin-bottom : .75em; 
font-size : 1.2em; 
line-height : 1.25; } 

dd { 
margin-bottom: 1.5em; 
padding-bottom: 1.5em; 
border-bottom : 1px solid #ccc; } 

/* Tables -------------------------------------------------------------- */ 

table { 
border-collapse : separate; 
border-spacing : 0; 
margin-bottom : 1.4em; 
width : 100%; } 

table, td, th { 
vertical-align : top; } 

th, thead th { 
font-weight : bold; } 

th, td, caption { 
padding : 4px 10px 4px 5px; 
text-align : left; 
font-weight : normal; } 

th, td { 
border-bottom : 1px solid #ccc; } 

tfoot { 
font-size : .9em; } 

caption { 
margin-bottom : 1em; 
font-size : 1.5em; 
line-height : 1 ; } 

/* Forms -------------------------------------------------------------- */ 

label { 
font-weight : bold; } 

fieldset { 
margin : 0 0 1.5em 0; 
padding : 1.4em 1.4em 0 1.4em; 
border : 1px solid #ccc; } 

legend { 
font-size : 1.2em; 
font-weight : bold; } 

textarea { 
width : 390px; 
height : 250px; 
padding : 5px; }

埃裏克邁耶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: "" ""; 
}

如果我正在製作一個需要在IE 6上兼容的網站母雞我應該使用通用IE6 CSS隨着eric meyer css重置或沒有需要或利益使用通用IE6 CSS？
或我應該同時使用但通用 Internet Explorer 6 CSS只適用於 IE6，我的意思是在條件註釋。
或我應該使用兩個作爲正常的css 沒有條件註釋的IE6？

如果我應該使用兩個，那麼應該是什麼順序來放置。哪一個應該首先來源？

來源

2010-03-07 Jitendra Vyas

這是偏好的問題，而不是一個編程問題。這可能屬於doctype.com – 2010-03-07 11:18:06