常用CSS页面布局

常用CSS页面布局

1.全局CSS设置

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{background:#fff;color:#000;width:970px;text-align:left;margin:0 auto;}
td,p,li,select,input,textarea,div{font-size:12px;font-family:"宋体"}

table{border-collapse:collapse;}

第一行设定了基本元素的缺省值，对于margin,padding,border这三个影响外观的主要属性，不同的浏览器有不同的缺省值，此处设定缺省值0。

第二行设定body的主要属性，注意加红部分，margin:0 auto 使得页面居中，如果不加auto值，则页面居左。