1. 程式人生 > >pc站常用css預設樣式(僅供參考)

pc站常用css預設樣式(僅供參考)

設定瀏覽器預設樣式是我們實現跨瀏覽器設計的不可缺少的一環。

下面列出的是兩大網站使用的黑認樣式設定,檔名可起做reset.css,僅供參考:

Yahoo:

html{color:#000;background:#FFF;}   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,   
fieldset,input,textarea,p,blockquote,th,td {    
  margin:0;   
 padding:0;   
}   
table {   
    border-collapse:collapse;   
 border-spacing:0;   
}   
fieldset,img {    
 border:0;   
}   
address,caption,cite,code,dfn,em,strong,th,var {   
    font-style:normal;   
    font-weight:normal;   
}   
ol,ul {   
   list-style:none;   
}   
caption,th {   
 text-align:left;   
}   
h1,h2,h3,h4,h5,h6 {   
  font-size:100%;   
   font-weight:normal;   
}   
q:before,q:after {   
    content:'';   
}   
abbr,acronym { border:0;   
}


Eric Meyer:


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