整理base.css,重设浏览器样式

有的时候,可以把自己经常写的代码整理一下,分文别类,用的时候,拿过来直接用就可以了,可以节约很多时间,提高工作效率.所以,每个人都要有自己的代码库.点击下载

 /*
 * @Author: liubeimeng
 * @Date:   2015-11-11 10:22:02
 * @Last Modified by:   liubeimeng
 * @Last Modified time: 2015-11-11 10:33:18
 * @名称：base.css
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
 @charset "utf-8";
 /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
 html {background:#FFFFFF;color:#000000;}
 /* 内外边距通常让各个浏览器样式的表现位置不同 */
 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 {margin:;padding:;}
 /*
 *要注意表单元素并不继承父级 font 的问题
 *tahoma:大河马字体,tahoma为windows操作系统的英文默认字型.tahoma是种非常圆滑的字体.这个字体比较均衡,中英文混排显示时,不会出现中英文不对齐的状态.
 *arial:是一套随同多套微软应用软件所分发的无衬线体TrueType字型.
 *sans-serif:表示是无衬线字体,是一种通用字体族.
 *\5b8b\4f53就是宋体.用unicode表示,不用SimSun,是因为Firefox的某些版本和Opera不支持SimSun 的写法.注释乱码:强烈建议不要用中文注释.font-family:'宋体'.
 *为了方便大家好查，整理了些中文名 Unicode，特此献给其他前端开发的朋友们
 *新细明体 \65B0\7EC6\660E\4F53
 *细明体 \7EC6\660E\4F53
 *标楷体 \6807\6977\4F53
 *黑体 \9ED1\4F53
 *宋体 \5B8B\4F53
 *新宋体 \65B0\5B8B\4F53
 *仿宋 \4EFF\5B8B
 *楷体 \6977\4F53
 *仿宋_GB2312 \4EFF\5B8B_GB2312
 *楷体_GB2312 \6977\4F53_GB2312
 *微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53
 *微软雅黑 \5FAE\8F6F\96C5\9ED1
  */
 body,button,input,select,textarea {font:12px tahoma,arial,\5b8b\4f53,sans-serif;}
 input,select,textarea {font-size:100%;}
 /* 去掉 table cell 的边距并让其边重合 */
 table {border-collapse:collapse;border-spacing:;}
 /* IEBUG:th不继承text-align */
 th {
     text-align:inherit;
 }
 /* 去除默认边框 */
 fieldset,img {
     border:none;
 }
 /* ie6 7 8(q) bug 显示为行内表现 */
 iframe {
     display:block;
 }
 /* 去掉 firefox 下此元素的边框 */
 abbr,acronym {
     border:none;
     font-variant:normal;
 }
 /* 一致的 del 样式 */
 del {
     text-decoration:line-through;
 }
 address,caption,cite,code,dfn,em,th,var {
     font-style:normal;
     font-weight:;
 }
 /* 去掉列表前的标识,li会继承 */
 ol,ul {
     list-style:none;
 }
 /* 对齐是排版最重要的因素,别让什么都居中 */
 caption,th {
     text-align:left;
 }
 /* 来自yahoo,让标题都自定义,适应多个系统应用 */
 h1,h2,h3,h4,h5,h6 {
     font-size:100%;
     font-weight:;
 }
 q:before,q:after {
     content:'';
 }
 /* 统一上标和下标 */
 sub,sup {
     font-size:75%;
     line-height:;
     position:relative;
     vertical-align:baseline;
 }
 sup {
     top:-0.5em;
 }
 sub {
     bottom:-0.25em;
 }
 /* 让链接在hover状态下显示下划线 */
 a:hover {
     text-decoration:underline;
 }
 /* 默认不显示下划线，保持页面简洁 */
 ins,a {
     text-decoration:none;
 }
 /* 去除 ie6 & ie7 焦点点状线 */
 a:focus,*:focus {
     outline:none;
 }
 /* 清除浮动 */
 .clearfix:before,.clearfix:after {
     content:"";
     display:table;
 }
 .clearfix:after {
     clear:both;
     overflow:hidden;
 }
 .clearfix {
     zoom:; /* for ie6 & ie7 */
 }
 .clear {
     clear:both;
     display:block;
     font-size:;
     height:;
     line-height:;
     overflow:hidden;
 }
 /* 设置显示和隐藏,通常用来与 js 配合 */
 .none{
     display:none;
 }
 .block {
     display:block;
 }
 /* 设置浮动，减少浮动带来的 bug */
 .fl,.fr {
     display:inline;
 }
 .fl {
     float:left;
 }
 .fr {
     float:right;
 }