前端：CSS/15/全局CSS设置,常用的兼容性调试技巧,CSSHACK

全局CSS设置

1，清除所有的标记的内外边距
body,ul,li,a,img,p,input{margin:0;padding:0;}
2，去除项目符号或编号前面的符号
ul,ol,li{list-style:none;}
3,全局链接效果
a:link,a:visited{color:#444;text-decoration:none;}
a:hover{color:red;}
4,网页中所有的文字大小
body{font-size:12px;font-family:宋体;color:#ccc;}
5,去除图片的链接边框线
img{border:0;}
6,全局的类样式
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}/* 清除上面的浮动*/
.blank10{height:10px;clear:both;}/* 上下隔开10px，并清除上面的浮动*/
.red{color:red;}
.blue{color:blue;}

常用的兼容性调试技巧

1，实现所有浏览器主页居中
FireFox下主页居中代码：.boxmax{margin:0px auto;}
IE5.5下主页居中代码：body{text-align:center;}/* 主页中所有的东西都居中*/
.boxmax{text-align:left;}/* 最大的div恢复向左对齐*/
2，单行文本上下居中
h1{
height:30px;
line-height:30px;
}
3,在IE6下有个bug，左右margin会加倍
解决方案：将块元素转成行内元素
.divXX{display:inline;}
margin属性在各种浏览器兼容性不好； 能用padding就不要用margin;
要用margin的话，能用单边的margin也不要用四个边的margin;

CSS HACK

针对不同的浏览器，书写不同的CSS代码的过程，称为“CSS　HACK”
指：写一个CSS代码，让IE６(IE7或FireFox)识别，而在其它浏览器不识别；
这些符号是在CSS属性的前面加的，用于分辨不同的浏览器版本
“＊”IE6和IE7都识别，如：.box{background-color:red;}
"_"只有IE6识别，如：.box{_background-color:green;}
例:body{
background-color:blue;/ 所有的浏览器都识别*/
background-color:red;/ IE6和IE7都识别 /
_background-color:green;/IE6识别/
/
CSSHACK的编写顺序:FireFox>IE7>IE6
*/
}
注意:CSSHACK不是W3C的标准,因此,我们尽量少用,如果调试兼容性是调试不好时,可以偶尔用下;

@沉木