cs2css3's Reset CSS & Basic CSS


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. @charaset "UTF-8";
  2.  
  3. /* ReCSS */
  4. html,body
  5. { font-size:16px;
  6. font-family:Arial,helvetica,"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
  7.  
  8. html,body,h1,h2,h3,h4,h5,h6,li,dl,dt,dd
  9. { margin:0;
  10. padding:0;
  11. font-size:100%;}
  12. img {border:none;}
  13.  
  14. a
  15. { outline:none;
  16. color:#009;}
  17. a:hover {color:#009;}
  18.  
  19. ol,ul
  20. { margin:0;
  21. padding:0 0 0 2em;}
  22.  
  23. table
  24. { border-collapse:collapse;
  25. border-spacing:0;}
  26.  
  27. p
  28. { margin:0 0 1em;
  29. padding:0;}
  30.  
  31. .cancel {clear:both;}
  32. .clearfix::after
  33. { content:".";
  34. height:0;
  35. display:block;
  36. visibility:hidden;
  37. clear:both;}
  38. .clearfix {min-height:1%;}
  39. * html .clearfix {height:1%;}
  40.  
  41. hr
  42. { visibility:hidden;
  43. margin:0;
  44. clear:both;}
  45.  
  46. .alpha
  47. { opacity:.8;
  48. filter: alpha(opacity=80);
  49. -ms-filter: alpha(opacity=80);}
  50.  
  51. /* frame */
  52.  
  53. #wrapper {margin:0 auto;
  54. width:900px;
  55. background:url(img/);}
  56.  
  57. #header {}
  58.  
  59. #footer {clear:both;}
  60.  
  61. address ,
  62. .vcard {margin:0;
  63. padding:10px 0;
  64. font-size:12px;
  65. font-weight:700;
  66. font-style:normal;}
  67.  
  68.  
  69.  
  70.  
  71. /* outline */
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83. /* According to the Extention icon View */
  84. .iconpdf ,
  85. .iconxls ,
  86. .icondoc ,
  87. .iconmail ,
  88. .extlink {padding: 5px 15px 5px 0;
  89. background-position:100% 50%;
  90. background-repeat:no-repeat;}
  91.  
  92. .iconpdf {background-image:url(../icon/icon_pdf.png);}
  93. .iconxls {background-image:url(../icon/icon_xls.png);}
  94. .icondoc {background-image:url(../icon/icon_doc.png);}
  95. .iconmail {background-image:url(../icon/icon_mailto.png);}
  96. .extlink {background-image:url(../icon/icon_external.png);}
  97.  
  98. /* Always written on the bottom */
  99. br {*letter-spacing:0;}

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.