码迷,mamicode.com
首页 > Web开发 > 详细

CSS Reset

时间:2016-04-02 17:36:36      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:

结合传统的CSS Reset 加上 Noramlize.css 的个人 base.css

  1 @charset "utf-8";
  2 
  3 /**
  4  *  Combination of traditional normalize.css & CSS Reset
  5  */
  6 
  7 /* Golable Style Setting*/
  8 
  9 html {
 10     -ms-text-size-adjust: 100%;
 11     -webkit-text-size-adjust: 100%;
 12     background: transparent;
 13     color: black
 14 }
 15 
 16 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,sumary{
 17     margin: 0;
 18     padding: 0
 19 }
 20 
 21 .clearfix:before,.clearfix:after {
 22     content: "";
 23     display: table
 24 }
 25 
 26 .clearfix:after {
 27     clear: both;
 28     overflow: hidden
 29 }
 30 
 31 .clearfix {
 32     zoom:1
 33 }
 34 
 35 .clear {
 36     clear: both;
 37     display: block;
 38     font-size: 0;
 39     height: 0;
 40     line-height: 0;
 41     overflow: hidden
 42 }
 43 
 44 .hide {
 45     display: none
 46 }
 47 
 48 .block {
 49     display: block
 50 }
 51 
 52 .fl,.fr {
 53     display: inline
 54 }
 55 
 56 .fl {
 57     float: left
 58 }
 59 
 60 .fr {
 61     float: right
 62 }
 63 
 64 /* HTML4 Tag Style Setting */
 65 
 66 body,button,input,select,textarea {
 67     font: 12px \5b8b\4f53,arial,sans-serif
 68 }
 69 
 70 input,select,textarea {
 71     font-size: 100%
 72 }
 73 
 74 table {
 75     border-collapse: collapse;
 76     border-spacing: 0
 77 }
 78 
 79 th{
 80     text-align: inherit
 81 }
 82 
 83 fieldset,img {
 84     border: 0
 85 }
 86 
 87 optgroup {
 88   font-weight: bold;
 89 }
 90 
 91 button,
 92 [type="button"],
 93 [type="reset"],
 94 [type="submit"] {
 95   cursor: pointer;
 96 }
 97 
 98 iframe {
 99     display: block
100 }
101 
102 
103 abbr,acronym {
104   border-bottom: none; 
105   text-decoration: underline; 
106   text-decoration: underline dotted; 
107 }
108 
109 del {
110     text-decoration: line-through
111 }
112 
113 address,caption,cite,code,dfn,em,th,var {
114     font-style: normal;
115     font-weight: 500
116 }
117 
118 ol,ul {
119     list-style: none
120 }
121 
122 caption,th {
123     text-align: left
124 }
125 
126 h1,h2,h3,h4,h5,h6 {
127     font-size: 100%;
128     font-weight: 500
129 }
130 
131 q:before,q:after {
132     content: ‘‘
133 }
134 
135 sub,sup {
136     font-size: 75%;
137     line-height: 0;
138     position: relative;
139     vertical-align: baseline
140 }
141 
142 sup {
143     top: -0.5em
144 }
145 
146 sub {
147     bottom: -0.25em
148 }
149 
150 a:hover {
151     text-decoration: underline
152 }
153 
154 ins,a {
155     text-decoration: none
156 }
157 
158 a:focus,*:focus {
159     outline: 0
160 }
161 a:active,
162 a:hover {
163   outline-width: 0;
164 }
165 
166 code,
167 kbd,
168 pre,
169 samp {
170   font-family: monospace, monospace; 
171   font-size: 1em; 
172 }
173 
174 /* HTML5 Tag Style Setting */
175 
176 audio,
177 canvas,
178 progress,
179 video {
180   display: inline-block;
181 }
182 
183 progress {
184   vertical-align: baseline;
185 }
186 
187 mark {
188   background-color: #ff0;
189   color: #000;
190 }

 

 

CSS Reset

标签:

原文地址:http://www.cnblogs.com/HCJJ/p/5347848.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!