id由于在页面里面只能出现一次，所以不能重复使用，
所以尽量用class来写，这样能在页面里面重复引用你写的css，减小工作量和代码量。
这种情况尽量用id：页面大的模块里面，用id来区分不同的模块。
比如页面里面有这样的模块：最新新闻，推荐新闻等。就可以考虑用id来区分。
还有一点，由于id是页面中唯一的，更多的是定义来留给给页面里面的javascript用。
补充：class和id在页面里面的使用方法：
class：
<style type="text/css">
.footer{background:red}
</style><div class="footer">footer</div>
id： <style type="text/css">
#footer{background:red}
</style>
<div id="footer">footer</div>
定义class的css是用点：“.”，如.footer
定义id的css是用井号“#”，如#footer
//让div居中对齐
让div内的内容（包括文字及图片）居中的代码是： text-align:center
<style type="text/css">
刚刚入门，要记住。
.align-center{
margin:0 auto /* 居中 这个是必须的，，其它的属性非必须 */
width:500px/* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
background:red /* 背景色 */
text-align:center /* 文字等内容居中 */
}
</style>
CSS是Cascading Style Sheets（层叠样式表单）的简称。CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为“层叠样式表”（Cascading Stylesheet）。那么CSS的作用是什么呢？下面先来看一下CSS配合DIV或div+css作用：1、CSS技术帮我们控制网页中的字体大小、页面宽度、页面内容靠左靠右、字体样式、某些网页里区域背景图片、背景颜色、超链接鼠标事件样式、图片居中、文字居中、网页中内容板块间隔等样式。 网页中一些标签元素样式控制，如：标题、段落、、列表等等网页元素设置控制，包括上面讲的文字图片大小、DIV CSS布局宽度颜色等属性。CSS除了以上的作用，还有哪些具体的作用呢？CSS的作用具体如下：CSS除了以上的作用，还有哪些具体的作用呢？CSS的作用具体如下：（1）在几乎所有的浏览器上都可以使用。（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。（4）你可以轻松地控制页面的布局 。（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。想一想，没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的？我们一般使用HTML标签来实现，代码非常烦琐。很难想象，如果在一个页面里需要频繁地更替字体的颜色大小，最终生成的HTML代码的长度一定臃肿不堪。说实话，CSS就是为了简化这样的工作诞生的，当然其功能决非这么简单。结合DIV CSS是通过对页面结构的风格控制的思想，来控制整个页面的风格的属性。浏览器通过CSS类解释来呈现CSS属性来表现样式里设置的样式。
