天天看點

通用CSS樣式

用這個

*{

padding

:

;

margin

:

;}

div,dl,dt,dd,form,h

1

,h

2

,h

3

,h

4

,h

5

,h

6

,img,ol,ul,li,table,th,td,p,span,a{

border

:

;}

img,input{

border

:

none

;

vertical-align

:

middle

;}

body{

font-family

:

Tahoma

,

Arial

,

Helvetica

,

"宋體"

;

font-size

:

12px

;

text-align

:

center

;

background

:

#FFF

;

color

:

#000

;}

html{overflow-y:

scroll

;}

ul,ol{

list-style-type

:

none

;}

th,td,input{

font-size

:

12px

;}

h

3

{

font-size

:

14px

;}

button{

border

:

none

;

cursor

:

pointer

;

font-size

:

12px

;

background-color

:

transparent

;}

select{

border-width

:

1px

;_zoom:

1

;

border-style

:

solid

;

padding-top

:

2px

;

font-size

:

12px

;}

.clear{

clear

:

both

;

font-size

:

1px

;

height

:

;

visibility

:

hidden

;

line-height

:

;}

.clearfix:after{

content

:

""

;

display

:

block

;

clear

:

both

;}

.clearfix{zoom:

1

;}

a:link,a:visited{

text-decoration

:

none

;

color

:

#333

;}

a:hover,a:active{

text-decoration

:

underline

;

color

:

#f60

;}

1.網易

body { text-align: center; font-family:"宋體", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}

div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }

li{list-style-type:none;}

img{vertical-align:top;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;}

a:link {color: #1f3a87; text-decoration:none;}

a:visited {color: #83006f;text-decoration:none;}

a:hover {color: #bc2931; text-decoration:underline;}

a:active {color: #bc2931;}

2.MSN

body {padding:0;margin:0;text-align:center;color:#666;font-size:12px;font-family:tahoma,arial,sans-serif;}

h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}

li{list-style:none;}

a img{border:none;}

a:link{text-decoration:none;color:#07519A;}

a:visited{text-decoration:none;color:#07519A;}

a:active,a:hover{text-decoration:underline;color:#07519A;}

3.搜狐

body{font-family:'宋體';text-align:center;margin:0 auto;padding:0;background:#FFF;font-size:12px;color:#333;}

body > div{text-align:center;margin-right:auto;margin-left:auto;}

div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}

img,a img{border:0;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}

ul,ol,li{list-style:none}

table,td,input{font-size:12px}

a{outline-style:none;color:#333;text-decoration:none}

a:hover{color:#c00;text-decoration:underline;}

通用樣式01

[html]  view plain  copy

  1. @charset "utf-8";  
  2. *{ margin:0;padding:0;}  
  3. * html body{ overflow:visible;}  
  4. * html iframe, * html frame{ overflow:auto;}  
  5. * html frameset{ overflow:hidden;}  
  6. body{ color:#000; background:#FFF; font:12px/22px Verdana,Arial,sans-serif,"Times New Roman",宋體; text-align:center;}  
  7. body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}  
  8. input,select{ font-size:12px; vertical-align:middle;}  
  9. body div{ text-align:left;}  
  10. textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}  
  11. li{ list-style-type:none;}  
  12. img{ border:0 none;}  
  13. a:link, a:visited{ color:#04C; text-decoration:none;}  
  14. a:hover{ color:#F60; text-decoration:underline;}  
  15. a { outline:none; star:expression(this.onFocus=this.blur());}  
  16. h1{ font-size:24px;}  
  17. h2{ font-size:20px;}  
  18. h3{ font-size:18px;}  
  19. h4{ font-size:16px;}  
  20. h5{ font-size:14px;}  
  21. h6{ font-size:12px;}  

通用樣式02

[html]  view plain  copy

  1. @charset "utf-8";  
  2. body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;}  
  3. body, button, input, select, textarea {font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}  
  4. h1, h2, h3, h4, h5, h6 {font-size:100%;}  
  5. address, cite, dfn, em, var {font-style:normal;}  
  6. code, kbd, pre, samp {font-family:courier new, courier, monospace;}  
  7. small {font-size:12px;}  
  8. ul, ol {list-style:none;}  
  9. a {text-decoration:none;}  
  10. a:hover {text-decoration:underline;}  
  11. sup {vertical-align:text-top;}  
  12. sub {vertical-align:text-bottom;}  
  13. legend {color:#000;}  
  14. fieldset, img {border:0;}  
  15. button, input, select, textarea {font-size:100%;}  
  16. table {border-collapse:collapse;border-spacing:0;}  

通用樣式03

[html]  view plain  copy

  1. @charset "utf-8";  
  2. 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; text-decoration:none; }   
  3. :focus { outline: 0; }   
  4. table { border-collapse: separate; border-spacing: 0; }   
  5. caption, th, td { height:30px; font-weight: normal; }   
  6. a img, iframe { border: none; }   
  7. ol, ul { list-style: none; }   
  8. input, textarea, select, button { font-size: 100%; font-family: inherit; }   
  9. select { margin: inherit;}   
  10. body { font-size:12px; font-family:"宋體"; }   

通用樣式04

[html]  view plain  copy

  1. @charset "utf-8";  
  2. *{padding:0;margin:0;}   
  3. div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}   
  4. img,input{border:none;vertical-align:middle;}   
  5. body{font-family:Tahoma,Arial,Helvetica,"宋體";font-size:12px;background:#FFF;color:#212121;   
  6. line-height:30px; background:#e6e6e6;}   
  7. html{overflow-y:scroll;}   
  8. ul,ol{list-style-type:none;}   
  9. th,td,input{font-size:12px;}   
  10. h3{font-size:14px;}   
  11. button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}   
  12. select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}   
  13. .clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}   
  14. .clearfix:after{content:"";display:block;clear:both;}   
  15. .clearfix{zoom:1;}   
  16. a:link,a:visited{text-decoration:none;color:#333;}   
  17. a:hover,a:active{text-decoration:underline;color:#f60;}