@charset "utf-8"; /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { color:#000; background:#fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, div, dl, dt, dd, ul, ol, li { margin:0; padding:0; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } /* HTML5 媒体文件跟 img 保持一致 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; } input, select, textarea { font-size:100%; } /* 去掉各Table cell 的边距并让其边重合 */ table { border-collapse:collapse; border-spacing:0; } /* IE bug fixed: th 不继承 text-align*/ th { text-align:inherit; } /* 去除默认边框 */ fieldset, img { border:0; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe { display:block; } /* 去掉列表前的标识, li 会继承 */ ol, ul { list-style:none; } /* 对齐是排版最重要的因素, 别让什么都居中 */ caption, th { text-align:left; } /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */ h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500; } /* 让链接在 hover 状态下显示下划线 */ a:hover { text-decoration:underline; } /* 默认不显示下划线,保持页面简洁 */ ins, a { text-decoration:none; } /* 清理浮动 */ .fn-clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .fn-clear { zoom:1; /* for IE6 IE7 */ } /* 设置内联, 减少浮动带来的bug */ .fn-left, .fn-right { display:inline; } .fn-left { float:left; } .fn-right { float:right; } /*标题样式*/ h1,h2,h3,h4,h5{ font-weight:bolder; } h1{ font-size:26px; } h2{ font-size:22px; } h3{ font-size:18px; } h4{ font-size:14px; } h5{ font-size:12px; } .blank10{ clear:both; height:10px; width:100%; } .blank15{ clear:both; height:15px; width:100%; } .red{ color:red; } .yellow{ color:#F60; }