reset
1 /* Reset CSS 描述: 2 1.reset的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。 3 2.reset的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。 4 3.reset期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和修改后再使用。 5 */ 6 7 /**清除内外边距**/ 8 body, h1, h2,h3,h4,h5,h6,hr,p,blockquote, /*structural结构元素*/ 9 dl,dt,dd,ul,ol,li, /*list列表元素*/ 10 pre, /*text文本格式元素*/ 11 form,fieldset,legend,button,input,textarea, /*form表单元素*/ 12 th,td /*tableelements表格元素*/ 13 { 14 margin:0;padding:0; 15 } 16 17 /**设置默认字体**/ 18 body, 19 button,input,select,textarea/*forie*/{ 20 font:12px/1.5tahoma,arial,\5b8b\4f53,sans-serif; 21 } 22 h1,h2,h3,h4,h5,h6{font-size:100%;} 23 address,cite,dfn,em,var{font-style:normal;}/*将斜体扶正*/ 24 code,kbd,pre,samp{font-family:couriernew,courier,monospace;}/*统一等宽字体*/ 25 small{font-size:12px;}/*小于12px的中文很难阅读,让small正常化*/ 26 27 /**重置列表元素**/ 28 ul,ol{list-style:none;} 29 30 /**重置文本格式元素**/ 31 a{text-decoration:none;} 32 a:hover{text-decoration:underline;} 33 34 sup{vertical-align:text-top;}/*重置,减少对行高的影响*/ 35 sub{vertical-align:text-bottom;} 36 37 /**重置表单元素**/ 38 legend{color:#000;}/*forie6*/ 39 fieldset,img{border:0;}/*img搭车:让链接里的img无边框*/ 40 button,input,select,textarea{font-size:100%;}/*使得表单元素在ie下能继承字体大小*/ 41 /*注:optgroup无法扶正*/ 42 43 /**重置表格元素**/ 44 table{border-collapse:collapse;border-spacing:0;} 45 46 /*重置HTML5元素*/ 47 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, 48 summary,time,mark,audio,video{ 49 display:block; 50 margin:0; 51 padding:0; 52 } 53 mark{background:#ff0;} 54 55