常用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值，则页面居左。

您可能感兴趣的文章：
css div布局的优点及css的好处
经验分享：CSS组合CLASS来完成网页布局风格
DIV CSS网页布局对SEO优化有哪些影响
基于XHTML标准DIV CSS布局对SEO的影响
常用CSS页面布局
浏览器发展/CSS布局/怎样运用?
DIV CSS布局的网页对网站SEO的影响
CSS floats来创建三栏网页布局的方法
jQuery UI.Layout
CSS样式表:链接好还是嵌入好?