零碎 关于兼容浏览器

每篇一语：0和1的区别不在于相差1，而在于有和无。

1.通用的样式类

 

======================  华丽丽的分割线  ======================

 

1.通用的样式类

@charset "utf-8";
/* 通用样式 - general.css */

/* 设置默认间距，目的是为消除IE6及更低版本，部分选择器的默认值 */
/* IE 6 的选择器默认间距，如：ul，dd，dt等，很容易引发不兼容 */
*(
margin:0;
padding:0;
)

/* 设置body默认属性，背景改成白色，兼容部分自定义背景色 */
body {
font-size:14px;
background-color:#FFF;
color:#333;
}

/* 兼容部分浏览器默认图片带边框 */
img {
border:0;
}

/* 去除下划线 */
a,a:hover,a:visited {
text-decoration:none;
}

/* 清除所有浮动 */
.clear_both {
clear:both;
}

/* 清除左浮动 */
.clear_left {
clear:left;
}

/* 清除右浮动 */
.clear_right {
clear:right;
}

/* 左浮动 */
.float_right {
float:right;
}

/* 右浮动 */
.float_left {
float:left;
}

/* 去除下划线 */
.none_line {
text-decoration:none;
}

/* 去除外间距 */
.none_margin {
margin:0;
}

/* 去除内间距 */
.none_padding {
padding:0;
}

/* 去除间距 */
.none_spacing {
margin:0;
padding:0;
}

/* 兼容repeat */
/* 背景图片通过repeat来重复，在首尾处放置该样式，以清除间距带来的不兼容 */
.compatible {
clear:both;
margin:0;
padding:0;
height:1px;
width:auto;
}

/* 方便测试用的边框 */
.border_test {
border:1px solid #000;
}

/* 清除底部边距，在迭代的最后一个常用 */
.none_spacing_bottom {
    margin-bottom:0;
    paddding-bottom:0;
}